CSS:字体重量属性不适用于字体系列,为什么?

潜伏的丹尼斯

<head>我的html文件中标记包含以下链接调用:

<link href="https://fonts.googleapis.com/css?family=Lato:400,700" rel="stylesheet"> 

然后我继续说:

<style>
    body {
        font-family: 'Lato', sans-serif;
    }

    .textTime {
        font-weight: 700;
    }
</style>

然后我的身体继续说:

<div class="textTime">
    from 6am to 6am
</div>

它的呈现方式如下:

粗体字不是lato

但是,如果我将font-weight属性更改font-weight: 400;而不是700,则它的呈现方式如下:

常规字体lato

所以我的问题是,只有当权重为400而不是700时,字体才会呈现为Lato,然后它会呈现为其他形式。

之所以这样做,是因为它使用的是CSS2,而不是CSS3,我无法更改。

我该如何解决这个问题?

达达兹

使用自定义字体时,您需要为要使用的每种粗细添加每种字体类型。

您看到Lato的版本损坏或其他字体的原因是您为这些字体粗细定义了另一种字体,或者您看到了基于Lato 400的浏览器渲染版本的Lato,并且缩放比例取决于它和看起来不会像您的预期。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章