gpt4 book ai didi

html - font-weight 900 和 font-weight 700 的渲染方式相同

转载 作者:行者123 更新时间:2023-11-28 00:32:57 30 4
gpt4 key购买 nike

我有这个示例 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 更改的浏览器功能),我会得到不同的结果。

最佳答案

并非所有字体都支持字体粗细的所有变体。如果您需要更大胆的字体,则需要选择另一种字体。

更改您的代码以使用无衬线字体系列将为您提供差异的实例。

<!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>

关于html - font-weight 900 和 font-weight 700 的渲染方式相同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57837685/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com