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

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效