Font-face,Raphael和IE8

Question

我不得不试图让一些谷歌字体与IE8上的Raphael(SVG/VML渲染JavaScript库)一起使用.

起初我尝试了谷歌字体代码.

我的第二次尝试是下载并转换字体以托管我自己更完整的CSS.现在,字体显示在页面的html部分(在修改的bootstrap导航下拉列表中),但它在VML画布(由Raphael生成)中不起作用.

这里的例子:

http://beta.yetiprint.com/fr/etiquettes-autocollantes/4-etiquettes-couleur-ronde.html

是否有可能在iE8中工作？任何线索？

Answer 1

我可以确认ScottS的方法是有效的,但我无法在他的答案评论字段中使用这些说明.

使用Cufón获取自定义字体在Raphael中工作的说明:

1. 转到Cufón网站,您可以在其中将字体转换为路径形状.
2. 上传自定义字体,选择字体名称,然后单击"自定义第三方脚本"中的Raphael图标.
3. 提交表单并下载弹出的Javascript文件.
4. 在Raphael Javascript包含下面包含此Javascript.
5. 像这样在Raphael中注册字体,其中fontname是您在步骤2中指定的字体名称:var myfont = paper.getFont('fontname');
6. 在Raphael中使用这样的字体:paper.print(100, 100, 'Hello World', myfont, 100);

Paper.text与之相比,性能并不高,但它适用于IE6及更高版本.

Answer 2

你试过拉斐尔的程序吗registerFont()？请参阅http://raphaeljs.com/reference.html#Raphael.registerFont。这给出了将字体导入 Raphael 的过程。

根据该页面中的链接，您应该能够获得 VML 支持，从而获得 IE8 功能。至少理论上是这样；我从来没有这样做过，我只是找到了这些信息，它似乎指向了你想去的方向。