如何减小字体大小?

时间:2010-09-28 07:25:53

标签: html css

我正在使用这个CSS。

.text_style3{
    font:normal 8px Helvetica;
    color:#f7922c;
}

我希望它更小但是在10px之后这不起作用。我使用过7px,6px,5px等,但这不起作用。

所以我怎么能减小尺寸。这个css在mozilla中不起作用。

6 个答案:

答案 0 :(得分:4)

这是浏览器指定的规则,通常10px是默认Firefox安装中允许的最小字体大小。

转到偏好设置 - >尝试一下内容 - >字体&颜色 - >高级 - >最小字体大小。

任何小于10px的字体都几乎不可读。规则是为了确保更好的可访问性。

希望有所帮助。

答案 1 :(得分:2)

你很可能有一个CSS 特异性问题,其中另一种风格覆盖了你想要看到的风格。

您可以使用Firefox的 Firebug 等工具查看浏览器使用的样式以及代码的来源。

您可能需要更改选择器,甚至使用!important运算符或在HTML中内嵌样式等方法,使字体大小声明更具​​体。

有关处理此问题的方法的详情,请参阅以下链接:

http://htmldog.com/guides/cssadvanced/specificity/

http://www.w3.org/TR/CSS2/cascade.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. 文件中的样式标记

  3. 代码中的样式

  4. 1将被2中的定义覆盖。 1和2都将被3中的定义覆盖。

    CSS越接近被置换的实际项目/文本,它就越重要。

    正如Mauro写的那样,如果您正在进行class =“text_style3”的标签还有其他文本大小的定义,这也可能会影响显示。