每个字体家族超过2个字体权重？
每个字体家族超过2个字体权重？
提问于 2016-09-01 15:26:26
默认情况下，可以实现不同的字体、字体权重和样式，以便稍后在我的css样式设置中使用：
@font-face {
font-family: "My Font Family";
src: url("fonts/my-font-family-regular.ttf");
font-weight: regular;
}
@font-face {
font-family: "My Font Family";
src: url("fonts/my-font-family-bold.ttf");
font-weight: bold;
}现在我确实想添加一个light和一个medium版本：
@font-face {
font-family: "My Font Family";
src: url("fonts/my-font-family-light.ttf");
font-weight: 200;
}
@font-face {
font-family: "My Font Family";
src: url("fonts/my-font-family-medium.ttf");
font-weight: 500;
}但这对我不起作用。是否有关于字体权重值的约定？
回答 2
Stack Overflow用户
回答已采纳
发布于 2016-09-01 15:30:28
编辑
如果只需要一个font名称，则可以使用classes设置一个字体集weight。
@font-face {
font-family: "myFont";
src: url("fonts/my-font-family-light.ttf");
font-weight: 200;
}
.s1{
font-family: myFont;
font-weight: 200;
}
.s2{
font-family: myFont;
font-weight: 400;
}
.s3{
font-family: myFont;
font-weight: 600;
}否则，为每个元素指定不同的名称。
@font-face {
font-family: "myLightFont";
src: url("fonts/my-font-family-light.ttf");
font-weight: 200;
}
@font-face {
font-family: "myMediumFont";
src: url("fonts/my-font-family-medium.ttf");
font-weight: 500;
}查看w3schools以获得更多信息
Stack Overflow用户
发布于 2016-09-01 15:30:12
是的，有不同的字体重量值，如果你随机使用任何值，它将不会反映，因为它们只给出相同的结果。
喜欢
如果你给价值(100 200 300 400 500 600 700 800 900)
然后，它将定义字体权重属性瘦到粗字符。400将与正常相同，700将与粗体相同。
p.normal {
font-weight: normal;
}
p.light {
font-weight: lighter;
}
p.thick {
font-weight: bold;
}
p.thicker {
font-weight: 900;
}输出:
参考: 单击此处
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39275536
复制相关文章
相似问题
腾讯云开发者
