有没有办法指定不同的字体sizesCSS 中的后备字体？我想做这样的事情（这显然不起作用）：
div {
font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
font-size: 20px, 18px, 18px, 18px;
}
这个想法是，如果用户安装了 Arial Narrow，它将以 20 像素显示；如果不是，浏览器将回退到 18 像素的 Arial，然后是 18 像素的 Helvetica，等等。
或者我可以用JS来达到类似的效果吗？
The @font-face size-adjustCSS 字体模块级别 5 中的描述符 https://www.w3.org/TR/css-fonts-5/#size-adjust-desc“定义与该字体相关的字形轮廓和度量的乘数，以允许作者在以相同字体大小渲染时协调各种字体的设计”。 css-fonts-5 是工作草案（截至 2022 年 2 月），但是许多浏览器都支持“大小调整” https://caniuse.com/mdn-css_at-rules_font-face_size-adjust自 2021 年底以来。
在下面的例子中，size-adjust用于使“courier-new 12pt”和“Consolas 12pt”以几乎相同的宽度渲染；通常“Courier New 11pt”需要与“Consolas 12pt”的宽度相匹配。
@font-face {
font-family: courier-new;
src: local(Courier New);
size-adjust: 91.6%
}
<p style="font-family: 'Courier New'; font-size: 11pt">ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 abcdefghijklmnopqrstuvwxyz</p>
<p style="font-family: courier-new; font-size: 12pt">ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 abcdefghijklmnopqrstuvwxyz</p>
<p style="font-family: Consolas; font-size: 12pt">ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 abcdefghijklmnopqrstuvwxyz</p>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
