首页 文章

字体系列和字体重量 - 非常粗大胆

提问于
浏览 次
1

我有一组字体 . 让我们说b，c等字体a-normal，font-a-italic，font-a-bold等等...

如果在某些css文件中我有：

font-family: 'font-a-bold';

在另一个文件中，我可以

font-weight: bold;

结果实际上是双粗体字体，比我在某些html页面上需要的厚两倍 . 因为项目规范随着时间的推移发生了很大的变化，因为我有大量的静态页面，如果我只想删除 font-weight ，我必须手动更改 . 我正在寻找另一种解决方案 .

是否有规则或某种方式来指定'font-a-bold'不应变得更厚 . 如果我有

font-family: 'font-a-normal';
font-weight: bold

它应该实际成为：

font-family:'font-a-bold'

有一个纯粹的CSS解决方案吗？

Update

或者快速且可能干净的方式去除双粗体 .

css fonts typography

2 回答

  • 1

    如果您使用 @font-face 声明提取所有字体，您可能会执行以下操作：

    @font-face {
   font-family: 'MyFont-Bold';
   font-weight: normal;
   font-style: normal;
   src: ...
}
@font-face {
   font-family: 'MyFont-Bold';
   font-weight: bold;
   font-style: normal;
   src: ... // same as above: always the same bold
}
@font-face {
   font-family: 'MyFont';
   font-weight: normal;
   font-style: normal;
   src: ... // regular weight new style
}
@font-face {
   font-family: 'MyFont';
   font-weight: normal;
   font-style: normal;
   src: ... // boldweight new style
}

    我认为浏览器并不关心你告诉它的是一个大胆的重量实际上并不比常规更大胆 .

    Fiddle

    回复于
  • 0

    如果要应用其他样式，则无法告诉CSS不应用某种样式，所以......

    我只是通过使用CSS的“很多类”方法来做到这一点 .

    上课：

    .bold {
   font-family: 'font-a-bold';
}

.italic {
    font-family: 'font-a-italic';
}

    等等 . 然后将这些类应用于您想要表示font-family的文本 . 只是不要将 <strong> 标记应用于已经使用 .bold 类的文本 .

    回复于

相关问题