css – SVG字体是否仍在Google Chrome中运行?

我一直在重新设计一个网站一段时间,但在过去的6个月里,我已经离开了循环可以说,可能已经错过了重要的svg字体不再使用chrome?

这是我的一个样式表的片段:

@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'NewFont';
src: url("newfont-webfont.svg#NewFont") format("svg");
}}

我用我的WOFF版本替换了SVG,字体看起来还不错,但是对于这种特殊的字体,SVG总是看起来更好用,但无论出于什么原因,SVG都不会显示字体,我很确定就在几个月前,一切都很好.

我做了一点研究,发现从这个链接http://blog.chromium.org/
“除了Windows 7之前的Windows系统外,不再支持SVG字体.请注意,虽然该功能适用​​于这些系统,但它被视为已弃用.”
从版本38开始.

他们不再支持他们的任何特殊原因,你能否在我的样式表中为其他浏览器/平台提供它们,你能告诉我吗?

解决方法

Chrome不再支持SVG Fonts as of Chrome 38,因为他们认为这是一种糟糕的字体渲染方法(就像你说的SVG版本看起来更好’). SVG字体不支持字距调整或连字.同样重要的是要注意IE不支持SVG字体,Firefox也不支持.

你可以在这里读更多关于它的内容

https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/pYbbUcYvlYY

相关文章

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