SVG 字体还在 Google Chrome 中工作吗？

Posted 2023-03-06

【中文标题】SVG 字体还在 Google Chrome 中工作吗？

【英文标题】：Are SVG fonts still working in Google Chrome?

【发布时间】：2014-12-05 18:35:36

【问题描述】：

我已经断断续续地重新设计了一个网站，但在过去的 6 个月里，可以说我已经脱离了循环，可能错过了一些关于 svg 字体不再与 chrome 一起使用的重要信息？

这是我的一个样式表的 sn-p：

@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 在 chrome 中总是看起来更好，但是无论出于何种原因，SVG 都不会显示字体，我在哪里我相当确定几个月前一切都很好。

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

他们不再支持它们的任何特定原因，您能告诉我其他浏览器/平台的样式表中是否需要它们？

【问题讨论】：

您回答了自己的问题。

我正在寻找简单的说明，但谢谢

他们不再支持它们的任何特殊原因以及在我的样式表中是否需要它们以供其他浏览器/平台使用，您能告诉我吗？

@user1171523 请根据您后来提交的 cmets 重新表述您的问题。

@user3008011 - 完成，谢谢！

【参考方案1】：

Chrome 不再支持 SVG 字体 as of Chrome 38，因为他们将其视为字体渲染不佳的解决方法（就像您所说的 SVG 版本“看起来更好”一样）。 SVG 字体不支持字距调整或连字。还需要注意的是，IE 不支持 SVG 字体，而 Firefox 永远不会。

您可以在此处阅读更多信息：

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

【讨论】：

关于哪些浏览器支持 SVG 字体的其他信息：caniuse.com/#feat=svg-fonts ...以及 chrome 的官方弃用：chromestatus.com/feature/5930075908210688