logo标签列表

字重900和字重700以相同的方式呈现。

htmlcssfont-size
3

我有这个示例HTML文件：

<div style="font-weight: 700; font-size: 3em">
    Test font bold (weight = 700)
</div>

<div style="font-weight: 900; font-size: 3em">
    Test font bold (weight = 900)
</div>

我不知道为什么将font-weight的值从900更改为700会得到相同的结果。文本的大小确实相同。
而在这个MDN文档页面https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight中，如果我更改值从900到700（使用浏览器的实时CSS更改功能），我会得到不同的结果。
1
这取决于您使用的字体（是否支持特定字重）。此外，当涉及数字字重时，许多浏览器存在问题，它们仅支持特定步骤中的数字值（大于200的间隔）。该问题在此处详细解释：http://clagnut.com/blog/2228/。 - Maximilian Krause
这个页面的字体是哪种字体？ - Giacomo M
@GiacomoM - 那个字体是sans-serif。 - Lee Taylor
你知道有没有像谷歌Lato一样字重为900的字体？ - Giacomo M
@MaximilianKrause，有点奇怪，我有WordPress多站点，在Chrome中从我的多站点打开2个不同的站点，在一个站点中，字体重量正常工作，但在另一个站点中，它不起作用...之前在本地主机上也发生过这种情况，在托管中工作了，但在本地主机上没有工作，只能使用常规字体重量（粗体，正常，轻体）... - Fauzan Edris
1个回答
2

并非所有字体都支持所有字重变体。如果您需要更加粗体的字体，您需要选择替代字体。

将您的代码更改为使用无衬线字体族将为您展示差异的实时示例。

<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
    <style>
    div { font-weight: 900; font-size: 3em; font-family: sans-serif }
    </style>
</head>
<body>
    <div>Test font bold</div>
</body>
</html>
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接