【问题标题】:Css: how to map a given font to a given weight?Css:如何将给定的字体映射到给定的权重?
【发布时间】:2014-08-14 01:25:29
【问题描述】:

我需要将字体分配给特定的权重。

AvenirNext-Regular 是我想要的基本字体。但是说到加粗,结果不是我想要的:AvenirNext-Bold 太重了。我想改用 AvenirNext-DemiBold。

有没有一种很酷的方法可以将 Semibold(或我需要的任何字体)分配给 font-weight: bold 属性?

[编辑] 我试图探索以下内容,但有没有办法为现有字体添加 src?

@font-face { font-family: "AvenirNext-DemiBold"; 字体粗细:粗体; }

【问题讨论】:

  • 文本阴影可能会这样做。

标签: css fonts


【解决方案1】:

要在所有 font-weight: bold 分配中使用半粗体字体,只需在 CSS 中搜索并替换 bold 以显示 600(或任何与半粗体字体相等的值)。这仅适用于字体的 Semibold 版本包含在系列中(也就是通过浏览器下载或已经在用户的 PC 上)。

CSS 中的bold 实际上是一个变量关键字,它直接映射到700 的字体粗细。 normal 转到 400 和其他几个存在,您可以在下面的文章中看到:

CSS-Tricks article on font-weight

PS - 虽然不是必需的,但为了控制,我认为按字面意思使用权重值比使用英文单词要好得多。

【讨论】:

    【解决方案2】:

    你可以做类似font-weight: 600; 的半粗体字。

    但是我可能是错的,这个问题似乎与您加载到页面的自定义字体更相关,因为我注意到“AvenirNext-Regular”和“AvenirNext-Bold”。

    正如您所说,您想要 DemiBold - 是否有这样的自定义字体,字体中嵌入了权重?

    希望这会有所帮助。

    【讨论】:

    • 这样做无法设置任意字体系列,因为您必须知道半粗体版本是否可用。我真的打算将给定字体附加到粗体,并且不必更改 HTML/CSS 代码。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-08-26
    • 2019-03-31
    • 1970-01-01
    • 2019-10-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多