【问题标题】:Is using webfonts with font-weight:bold still unrecommended?是否仍然不推荐使用带有 font-weight:bold 的 webfonts?
【发布时间】:2017-01-10 13:07:29
【问题描述】:

在我的网络项目中,我需要混合使用拉丁字符和西里尔字符。不幸的是,西里尔字符不是 webfont 的一部分,因此后备会介入。 当我使用粗体网络字体时,拉丁字符是粗体,但如果我将整个段落设置为 font-weight:bold 或类似的,则回退只会是粗体。

我记得讨论过应该阻止这种情况,因为某些浏览器无法正确显示它们,但是在我的测试中,当我加粗 webfonts 时,我无法产生一个非常糟糕的布局。

你怎么看?我该如何解决这个问题?

谢谢 马库斯

【问题讨论】:

    标签: css webfonts fallback cyrillic latin


    【解决方案1】:

    是的,仍然建议您不要这样做。

    通过使用font-weight:bold,您会强制浏览器尝试创建此字体本身的粗体版本,这通常看起来会失真/模糊。这称为仿造型

    您应该使用不同的font-weight 值设置不同的@font-face 定义,从而使用多个字体文件。

    【讨论】:

    • 不幸的是,在我的情况下,我不能使用粗体网络字体。我的问题是,是否有已知的浏览器使用人造样式完全破坏了布局,因为我目前找不到一个活生生的例子。
    【解决方案2】:

    是的,大多数网络字体都提供特定的权重,例如常规字体为 400,粗体为 700。如果未提供这些并且您将它们加粗/加粗,则实质上您是在使用超出其原始意图的字体。

    可以使用字体粗细值,但我会始终坚持使用您正在使用的网络字体提供的值。

    此外,如果您声明的权重不可用,它将不会显示在页面上,而只是默认“逻辑上最接近”的权重(这来自下面的 CSS 技巧文章)。

    在这里查看更基本的描述:https://css-tricks.com/almanac/properties/f/font-weight/

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-03-17
      • 1970-01-01
      • 2015-06-02
      • 2012-07-17
      • 1970-01-01
      相关资源
      最近更新 更多