Html CSS:Font-Weight属性没有';我不喜欢字体系列,为什么?
我的html文件中的Html CSS:Font-Weight属性没有';我不喜欢字体系列,为什么?,html,css,fonts,Html,Css,Fonts,我的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; } </
标记包含以下链接调用:
<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>
身体{
字体系列:“Lato”,无衬线;
}
.短信时间{
字号:700;
}
然后我的身体接着说:
<div class="textTime">
from 6am to 6am
</div>
从早上6点到6点
它的渲染方式如下:
但是,如果我将font-weight
属性更改为font-weight:400
而不是700
,它的渲染方式如下:
所以我的问题是,字体被渲染为Lato,只有当权重是400而不是700时,它才会被渲染为其他字体
它这样做是因为它使用的是CSS2,而不是CSS3,我无法改变这一点
如何解决此问题?当使用自定义字体时,您需要为要使用的每个权重添加每种字体类型
您看到Lato或其他字体的损坏版本的原因是您为这些字体权重定义了另一种字体,或者您看到浏览器呈现的Lato版本将基于Lato 400,并根据需要进行上下缩放,看起来与您的预期完全不同。交换400和700是否类似
有什么事吗?