2012-02-06 39 views
1

我正在读一本关于JavaScript的书(Javascript & jQuery:The Missing Manual),当我从书中尝试一个示例时,我意识到Firefox不会显示强标记。 所有其他浏览器(Chrome,Safari)在显示时都没有问题。 搜索我看到笔者已经做了CSS复位(包括强大的标签)的HTML页面的CSS文件,然后他宣布强这样的:强烈的标记是不工作在Firefox重置后的css

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

也许,如果他加入字体重量:大胆;在新的定义中,他可以克服这个问题。 我的问题是,是否有一个重置文件,包括所有这些少许遗漏的细节,并适用于所有主流浏览器。 谢谢。

回答

3

CSS重置代码片段并不意味着严格使用,可以根据您的特定需求进行更改。

只需从reset定义中删除strong选择器,其行为将按照您的预期工作。或者,覆盖复位的定义有:

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

说明‘Firefox不显示较强的触杀’大概是想说的是Firefox的呈现在标准字体粗细strong元素,不够大胆。这正是“CSS重置”应该做的事情:重置呈现,以便不使用浏览器默认值,以便作者提供的CSS代码可以从干净的主板开始。作者可能希望使用独特的颜色或背景或其他方法呈现strong元素。如果需要的话,必须明确规定Bolding。

没有看到具体的“CSS重置”代码和HTML页面使用它是不可能说明为什么复位不起作用的一些浏览器。

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

+0

这就是发生了什么事。 在这里你可以看到完整的CSS文件: http://pastebin.com/mm8L9SRk – skiabox 2012-02-06 21:02:12

+0

Html文件:http://pastebin.com/cRa6SyKg – skiabox 2012-02-06 21:09:31

+0

我想我找到了这个Firefox的问题的原因,在这里在堆栈溢出。 这里是链接: http://stackoverflow.com/questions/2856502/css-font-face-not-working-with-firefox-but-working-with-chrome-and-ie 我已经已经尝试过firefox的about:config中的配置命令,现在本地文件正在正常显示,强标签再次工作。 – skiabox 2012-02-06 22:33:05