我在我的网站上嵌入了一些自定义的webfonts,我使用的东西就像
//-webkit-text-stroke-width: .05px;
//-webkit-text-stroke-color: white;
-webkit-font-smoothing: antialiased;
设置渲染输出的样式.这在Safari和Chrome中运行良好.我得到更清晰的边缘和更细的线条.
在Firefox中有没有办法做这样的事情？还是歌剧？
有谁知道在Firefox中使用反别名svg文本的最佳方法？
我试过text-antialias:true但是没有效果,而且我尝试使用描边颜料,但这只会增加字体并且不是我喜欢的.
例:
<!DOCTYPE html>
<html>
<body>
<svg height="100" width="500">
<text y="50" x="250" text-anchor="middle" style="font-size: 40px" >Hello</text>
</svg>
</body>
</html>
我把它上传到http://jsfiddle.net/KJhrY/
此示例在我的PC上的IE9中显示抗锯齿(Windows)