Question

我有一系列字体。让我们说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解决方案？

更新

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

Answer 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

Answer 2

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

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

制作课程：

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

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

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

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

2 个答案: