使用CSS3 @font-face在Raphael中注册一个字体

5
在我的页面中,我经常使用Raphaël .print和.getFont来使用自定义字体以用于SVG文本,并使用CSS3 @font-face(配合Font Squirrel工具包)用于普通文本。 是否可能自动从@font-face属性中注册字体,而无需创建一个带有Cufon的JSON文件呢?
我发现在Font Squirrel工具包中有使用“format('svg')”用于旧版iPhone/iPad(“这是iOS设备在4.2版本之前所需的XML格式。”),这对于桌面应用程序也可能有用...
谢谢

1
你应该可以像在HTML中一样,在SVG中使用CSS设置字体。除非你想要操纵轮廓或其他,否则没有必要使用实际的SVG字体。你现在有什么代码? - robertc
1个回答

2
如果您在CSS中使用@font-face定义字体,那么您可以通过以下方式将其应用于Raphaël paper.text对象:
var someText = paper.text(0, 0, 'this is some text');           
someText.attr({'font-family':'myCustomFont'});

在 IE8 中对我不起作用... 是否有一种方法可以在 CSS 文件中声明 src(在 @font-face 中)以使其工作?它是否与 Google Fonts 兼容? - Sucrenoir
是的,它可以与谷歌字体一起使用。我必须承认,我只在支持SVG的浏览器(包括IE9)上使用过它,而IE8不支持SVG。 - Choy

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接