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 website，您可以在其中将字体转换为路径形状。
2. 上传自定义字体，选择字体名称，然后点击“自定义第三方脚本”中的Raphael图标。
3. 提交表单并下载弹出的Javascript文件。
4. 在Raphael Javascript include。
下面包含此Javascript 与此类似的Raphael
5. Register the font，其中fontname是您在步骤2中指定的字体名称：var myfont = paper.getFont('fontname');
拉斐尔的这些
6. Use your font：paper.print(100, 100, 'Hello World', myfont, 100);

与Paper.text相比，性能不佳，但它适用于IE6及更高版本。

Answer 2

您是否尝试过拉斐尔的程序registerFont()？见http://raphaeljs.com/reference.html#Raphael.registerFont。这给了将字体输入Raphael的程序。

基于the link in that page，您应该能够获得VML支持，从而获得IE8功能。至少在理论上;我从来没有这样做过，我只是发现这些信息似乎指向你想去的方向。