我不得不试图让一些谷歌字体与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,您可以将字体转换为路径形状.
>上传自定义字体,选择字体名称,然后单击“自定义第三方脚本”中的Raphael图标.
>提交表单并下载弹出的Javascript文件.
>在Raphael Javascript包含下方包含此Javascript.
> Register the font与Raphael一样,其中fontname是您在步骤2中指定的字体名称:var myfont = paper.getFont(‘fontname’);
> Use your font在拉斐尔这样:paper.print(100,100,’Hello World’,myfont,100);
与Paper.text
相比,性能不是很好,但它适用于IE6及更高版本.