gpt4 book ai didi

css - Firefox 忽略 CSS font-weight 属性

转载 作者:行者123 更新时间:2023-12-05 01:24:00 25 4
gpt4 key购买 nike

不确定我是否使用了正确的过程来显示具有 3 个权重的字体——“正常”、“粗体”和“更轻”——但是,它似乎在大多数浏览器中都有效,除了 Firefox。

Firefox 似乎在使用 `font-weight: light`;作为默认?

字体在 Chrome 中的显示方式正是我所追求的。

@font-face {
font-family: 'lovelo';
src: url('../fonts/lovelo.eot');
src: url('../fonts/lovelo.eot?#iefix') format('embedded-opentype'),
url('../fonts/lovelo.woff') format('woff'),
url('../fonts/lovelo.ttf') format('truetype'),
url('../fonts/lovelo.svg#loveloblack') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'lovelo';
src: url('../fonts/lovelo-bold.eot');
src: url('../fonts/lovelo-bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/lovelo-bold.woff') format('woff'),
url('../fonts/lovelo-bold.ttf') format('truetype'),
url('../fonts/lovelo-bold.svg#loveloblack') format('svg');
font-weight: bold;
font-style: normal;
}

@font-face {
font-family: 'lovelo';
src: url('../fonts/lovelo-light.eot');
src: url('../fonts/lovelo-light.eot?#iefix') format('embedded-opentype'),
url('../fonts/lovelo-light.woff') format('woff'),
url('../fonts/lovelo-light.ttf') format('truetype'),
url('../fonts/lovelo-light.svg#loveloblack') format('svg');
font-weight: lighter;
font-style: normal;
}

working example

最佳答案

您可以尝试使用字体粗细的实际数字。
400 与 font-weight 相同:正常。
700 与 font-weight: 粗体相同。
100、200 或 300 是附加值。您必须选择一种您想要的效果。

关于css - Firefox 忽略 CSS font-weight 属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17414815/

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