我不得不试图让一些谷歌字体与IE8上的Raphael(SVG / VML渲染
JavaScript库)一起使用.
起初我尝试了谷歌字体代码.
我的第二次尝试是下载并转换字体以托管我自己更完整的CSS.现在,字体显示在页面的html部分(在修改的bootstrap导航下拉列表中),但它在VML画布(由Raphael生成)中不起作用.
这里的例子：
http://beta.yetiprint.com/fr/etiquettes-autocollantes/4-etiquettes-couleur-ronde.html
是否有可能在iE8中工作？任何线索？
解决方法
我可以确认ScottS的方法是有效的,但我无法在他的答案评论字段中使用这些说明.
>转到Cufón website,您可以将字体转换为路径形状.@H_502_19@>上传自定义字体,选择字体名称,然后单击“自定义第三方脚本”中的Raphael图标.@H_502_19@>提交表单并下载弹出的Javascript文件.@H_502_19@>在Raphael Javascript包含下方包含此Javascript.@H_502_19@> Register the font与Raphael一样,其中fontname是您在步骤2中指定的字体名称：var myfont = paper.getFont(‘fontname’);@H_502_19@> Use your font在拉斐尔这样：paper.print(100,100,’Hello World’,myfont,100);
与Paper.text相比,性能不是很好,但它适用于IE6及更高版本.
