<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>
它的呈现方式如下:
但是,如果我将font-weight
属性更改为font-weight: 400;
而不是700
,则它的呈现方式如下:
所以我的问题是,只有当权重为400而不是700时,字体才会呈现为Lato,然后它会呈现为其他形式。
之所以这样做,是因为它使用的是CSS2,而不是CSS3,我无法更改。
我该如何解决这个问题?
使用自定义字体时,您需要为要使用的每种粗细添加每种字体类型。
您看到Lato的版本损坏或其他字体的原因是您为这些字体粗细定义了另一种字体,或者您看到了基于Lato 400的浏览器渲染版本的Lato,并且缩放比例取决于它和看起来不会像您的预期。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句