svg - 在@font-face 中使用 SVG 字体而不是 TTF/EOT 有什么好处?

标签 svg css font-face

我正在研究在@font-face 声明中使用 SVG 字体。到目前为止,似乎只有 Safari 4 和 Opera 10 支持它。 Firefox 3.5 不支持它,但有错误报告,但尚未提供修复(尽管有补丁)。

我想知道,在主流浏览器支持@font-face 的情况下,使用 SVG 字体格式代替 TTF/OTF/EOT 格式有什么优势?我可以从上面链接的讨论中收集到的唯一优点是,您可以将自己缺少的字形添加到尚不支持它们的字体中。

在 CSS 中指定 SVG 字体还有其他原因吗?

最佳答案

这似乎是在 Mobile Safari 上使用网络字体的唯一方法。因此,如果您正在为 iPhone 和 iPad 进行开发,那将是一个相当大的优势。松鼠字体 @font-face generator可以从任何 OpenType 字体创建适当的 SVG 文件和 CSS 语法。

关于svg - 在@font-face 中使用 SVG 字体而不是 TTF/EOT 有什么好处?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1449145/

相关文章:

css - Firefox 忽略 CSS font-weight 属性

php - 如何检测字体中定义的字符?

css - 如何通过 CSS clip-path 属性将 SVG clipPath 与 Pattern 一起使用?

javascript - svg viewbox 不应该调整文本 fontSize 的大小?

css - Stenciljs CSS 全局变量

css - 如何在 sass 中将 .css 文件 @import 为 .scss 文件?

internet-explorer - @font-face ie8 上的文字 block 状 - 实例

javascript - chop svg 文本以适应矩形

svg - Twig:包含来自 SVG 文件的外部代码

css - 如何在 b-col (bootstrap-vue) 元素中绑定(bind)自定义样式?