css重置后,强标记在firefox上无效

时间:2012-02-06 19:50:53

标签: css

我正在读一本关于javascript的书(Javascript& jQuery:The Missing Manual),当我从书中尝试一个例子时,我发现Firefox没有显示强标签。 所有其他浏览器(Chrome,Safari)都可以显示它。 搜索html页面的css文件,我看到作者已经完成了css重置(包括强标记),然后他声明这样强:

strong {
    font-family: 'ColaborateMediumRegular', Arial, sans-serif;  
}

也许如果他添加了font-weight:bold;在新定义中,他可以克服这个问题。 我的问题是,是否有一个重置文件包含所有这些缺少的细节,并适用于所有主流浏览器。 谢谢。

2 个答案:

答案 0 :(得分:3)

CSS重置片段不应严格使用,可根据您的特定需求进行更改。

只需从重置定义中删除strong选择器,行为就会按预期运行。或者,使用以下命令覆盖重置的定义:

strong {
    font-family: 'ColaborateMediumRegular', Arial, sans-serif;
    font-weight: 700;
}

答案 1 :(得分:2)

描述“Firefox不显示强标记”可能意味着Firefox以正常字体粗细呈现strong个元素,而不是粗体。这正是“css reset”应该做的事情:重置渲染以便不使用浏览器默认值,以便作者提供的CSS代码可以从干净的板开始,所以说。作者可能希望使用独特的颜色或背景或某些其他方法来渲染strong元素。如果需要,必须明确指定标题。

如果没有看到特定的“css reset”代码和使用的HTML页面,就不可能说出为什么重置在某些浏览器上不起作用。

ColaborateMediumRegular可能是指嵌入式(@font face)字体,它看起来很独特。已知字体嵌入具有浏览器依赖性。