在 safari 上使用 font-variant: small-caps with font (latin extended)答案

【问题标题】：Using font-variant: small-caps with font (latin extended) on safari在 safari 上使用 font-variant: small-caps with font (latin extended)
【发布时间】：2019-06-19 03:51:30
【问题描述】：

我决定将font-variant: small-caps 用于我的h1 和来自谷歌字体的字体（Roboto Condensed - 带有拉丁扩展字符）

在每个浏览器上都能正常呈现，但在 Safari 上却不行（在 macOS Sierra 10.1 上测试）

font-variant: small-caps 在 Safari 上也能正常工作，但不能用于扩展字符。然后它变得疯狂。不是显示“Bądźmy w kontakcie”，而是显示“A a a w kontakcie”，或者将 ę 换成更粗的 ę。

如何让它发挥作用？

【问题讨论】：

今天也偶然发现了这个问题。没有时间彻底测试。据我所知，这也影响了 Roboto 常规。我在 iPhone 5c、iPhone6 和 MacOS Safari 上看到了这个问题。看起来小型大写字母在网络 atm 上使用并不安全。
问题是，是特定字体引起的还是字体附加方式引起的

标签： ios css safari

【解决方案1】：

似乎从谷歌字体嵌入的字体不能满足我的需要。也许如果我能以不同的方式附加我的字体，它可以工作....

无论如何，我决定删除 font-variant 并使用 text-transformation: uppercase 并将 font-size 更改为较小的值，并且我想要产生相同的效果。

【讨论】：