我有一个具有不同权重的网络字体系列,例如
@font-face { font-family: 'merriweatherregular'; etc. }
@font-face { font-family: 'merriweatherbold'; etc.}
我的网站使用多种字体,我在p
标签等项目上使用此字体,如
p { font-family: merriweatherregular, georgia, serif; }
虽然有一些遗留的文字可能包含在span
,div
或根本没有。
这些文字包含在b
,strong
,em
或i
或其组合中。当我将文本设置为上面的p
标记示例时,其中的粗体字不是粗体。显然,对于p
标签,我可以使用p b { font-family: merriweatherbold;}
,但不能使用所有其他随机实例。而且我无法将font-family应用于所有b, strong
,因为完全以另一种字体存在该实例。
我发现this tip但它是从2010年开始的,并且引用了Safari错误,不确定它是否仍然有效。
设置此功能的正确方法是什么,以便b
,strong
,em
或i
等所有标记按预期工作?
更新 提示linked to above和原始found here on SO似乎仍然有效。任何人都知道是否有任何缺点?
更新2 有一个问题。 IE8无法正常工作。它只显示了我的所有文本的斜体变体。它似乎想要单独的名字。想法?