我正在使用这个CSS。
.text_style3{
font:normal 8px Helvetica;
color:#f7922c;
}
我希望它更小但是在10px之后这不起作用。我使用过7px,6px,5px等,但这不起作用。
所以我怎么能减小尺寸。这个css在mozilla中不起作用。
答案 0 :(得分:4)
这是浏览器指定的规则,通常10px是默认Firefox安装中允许的最小字体大小。
转到偏好设置 - >尝试一下内容 - >字体&颜色 - >高级 - >最小字体大小。
任何小于10px的字体都几乎不可读。规则是为了确保更好的可访问性。
希望有所帮助。
答案 1 :(得分:2)
你很可能有一个CSS 特异性问题,其中另一种风格覆盖了你想要看到的风格。
您可以使用Firefox的 Firebug 等工具查看浏览器使用的样式以及代码的来源。
您可能需要更改选择器,甚至使用!important
运算符或在HTML中内嵌样式等方法,使字体大小声明更具体。
有关处理此问题的方法的详情,请参阅以下链接:
答案 2 :(得分:1)
你确定你没有在此之后重置text_style3以获得正常的风格吗?你可能会在做完这个之后设置div p or span
(或任何其他包含标签)的样式。
如果不是,请将字体样式分解为以下内容:
.text_style3{
font-weight:normal;
font-size: 8px;
font-family: Helvetica;
color:#f7922c;
}
答案 3 :(得分:1)
这里你有一些非常好的答案,它们可能是正确的(最小字体大小,使用!重要来覆盖其他CSS)。我想添加尝试使用em,一旦你习惯了它们,它们似乎比直接px工作得更好,并且他们为需要增加字体大小以提高可读性的用户更好地调整(我的观点)。
答案 4 :(得分:0)
您可能在浏览器中设置了最小字体大小,请查看工具>选项>内容并在字体和颜色部分选择高级,并将最小字体大小更改为无。
您的最小字体大小可能设置为10px(较小的尺寸不可读)
答案 5 :(得分:0)
另外值得注意的是,层叠样式表只是:级联
位:
样式表
文件中的样式标记
代码中的样式
1将被2中的定义覆盖。 1和2都将被3中的定义覆盖。
CSS越接近被置换的实际项目/文本,它就越重要。
正如Mauro写的那样,如果您正在进行class =“text_style3”的标签还有其他文本大小的定义,这也可能会影响显示。