【问题标题】:@font-face : Must I include the bold variant while using a custom font?@font-face:我必须在使用自定义字体时包含粗体变体吗?
【发布时间】:2013-01-02 14:37:40
【问题描述】:

我正在通过“@font-face”规则导入/使用自定义字体。在我的 Mac 上,字体似乎显示得非常好,有无权重:“粗体”。

虽然在 Windows 机器上,当使用粗体(用于字体)时,要么找不到字体,要么出现其他问题。

看看顶部的附件。你会注意到不同之处。

使用的字体:Futura

我是否也必须包含字体的变体/粗细?或者还有其他方法,我应该处理自定义字体。

谢谢。

【问题讨论】:

    标签: html css font-face


    【解决方案1】:

    如果您的本地计算机上有字体,则无需导入字体。当您导入字体并将其设为粗体时(通过字体粗细:粗体),它可能会变得很糟糕(在网站上看起来很糟糕)。我更喜欢将各种字体导入 css——然后当我想使用粗体时,我设置 font-family: 'myfontBold' 和 font-weight: normal。您可以在此处使用 css 生成字体:http://www.fontsquirrel.com/fontface/generator

    【讨论】:

    • 谢谢,想知道这是否是最好的方法。好像是这样。
    • 在我看来,如果你想在首页上呈现漂亮的字体,这是最糟糕的方式,但请记住它效率不高(你必须加载各种字体 -> 时间+传输) .
    【解决方案2】:

    是否包含粗体取决于您。个人觉得没必要。

    无论哪种方式,请确保如果您使用粗体字体,则不要将其设置为粗体,否则您将使用双粗体字体。

    【讨论】:

    • 哦,你的意思是,包含其他字体文件并用新名称导入它? (例如futura-bold)?或者使用相同的导入/规则,我可以包含粗体吗?
    【解决方案3】:

    如果您在使用 @font-face 定义可下载字体时未包含粗体字体,但使用导致粗体的 HTML 或 CSS,则您会强制浏览器使用“合成粗体”,这通常会产生糟糕的结果。不过,结果因浏览器而异。

    所以答案是“是的,如果你在该字体的文本中使用粗体”。

    顺便说一句,我认为您不能合法地将 Futura 用作可下载字体。

    【讨论】:

      猜你喜欢
      • 2023-03-11
      • 2014-07-07
      • 2013-02-26
      • 2013-01-09
      • 2011-05-02
      • 1970-01-01
      • 2019-08-06
      • 2011-04-17
      • 2018-08-21
      相关资源
      最近更新 更多