css – Font-face,Raphael和IE8

前端之家收集整理的这篇文章主要介绍了css – Font-face,Raphael和IE8前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我不得不试图让一些谷歌字体与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获取自定义字体在Raphael中工作的说明:

>转到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及更高版本.

猜你在找的CSS相关文章