【问题标题】:Firefox is breaking my small-capsFirefox 打破了我的小型股
【发布时间】:2023-03-15 15:36:01
【问题描述】:

我遇到了font-variant: small-caps 在 Firefox 中无法正确呈现的问题。任何其他浏览器都可以。由于它的许可证,我被这种特殊的字体所困扰,甚至是这种特殊的面部定义。

它在 Firefox 中的外观:

它的外观(来自 Chrome):

这是字体编码的问题吗?有解决办法吗?

this jsFiddle 中完整介绍了该问题。 (Base64 编码的字体太大,无法全部放在问题中。)

【问题讨论】:

  • Firefox 不支持 woff 字体您是否有其他备份文件类型可以使用,例如 ttf?
  • 不幸的是,这种字体的许可非常严格,所以 ttf 不是一个选项。您确定现代 Firefox 不支持 woff 吗?这似乎与thisthisthis 相悖。
  • 哦,哇,我猜你的字体坏了。也许与许可证所有者一起讨论?

标签: css firefox font-face webfonts


【解决方案1】:

这些字符的字体已损坏。其他浏览器以与 Firefox 不同的方式回退到下一个字体。您可以通过提供明显不同的字体作为字体系列中的第二种字体来看到这一点。例如,在这个 JsFiddle 中,Wingdings 被用作第一个后备字体。即

body { font-family: "THAT-FONT", Wingdings, "Open Sans", "open-sans", Sans-Serif; }

https://jsfiddle.net/rnwvpfy1/2/

看看 Chrome 是如何显示的,表明它没有使用“THAT-FONT”字体来处理损坏的字符。

【讨论】:

  • 哪些字符坏了?大写字母在其他地方都可以正常工作。字体中是否有专门针对小型大写字母的字符集?
猜你喜欢
  • 2012-03-16
  • 1970-01-01
  • 2012-06-10
  • 1970-01-01
  • 2018-12-02
  • 2014-05-18
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多