在body标签中设置字体样式,不适用于表格

时间:2012-08-02 02:12:47

标签: css fonts

如何在整个页面的css中设置字体样式?我将它们设置为body {...},但它不会将其应用于我页面中的表格。

5 个答案:

答案 0 :(得分:2)

在某些浏览器的Quirks Mode非常旧浏览器中,表格不会继承某些应由规范继承的属性。因此看起来您的页面在Quirks模式下处理。通过在开始时添加<!doctype html>来改变这一点很容易,但它也可能导致其他任何事情。

处理此问题的最简单方法是在表格上设置字体属性,例如

body, table { font-family: Helvetica, Arial, sans-serif; }
body { font-size: 85%; }
table { font-size: 100%; }

要设置整个页面的字体样式,请在所有元素上使用通用选择器*,例如

* { font-family: Helvetica, Arial, sans-serif; font-size: 100%; }

(某些元素,如inputpre,根据浏览器默认设置有自己的默认字体设置,因此继承不适用于它们。)

答案 1 :(得分:1)

body {
    font-family: /*what ever */;
}  

某些浏览器无法正确地将font properties继承到表格单元格中。

所以你可以试试

body, table, td {
    font-family:/*what ever*/;
}  

答案 2 :(得分:0)

html{font-size:20px;}

你可以试试这个。

答案 3 :(得分:0)

它自动包含表格,如果没有特别设置的地方更精确(例如使用其他元素,类或id)。

您可以尝试使用重置css文件重置所有标准字体和样式。 Html5Boilerplate有一个非常好的,或者你可以尝试更具体:

body, table, td {
    font: san-serif;
}  

答案 4 :(得分:0)

尝试

* {font-style:normal;}

虽然我认为你的意思是“font-family”,但由于你只有三种选择 - 粗体,斜体和普通,并且整个页面有一种风格对眼睛来说很难....如果是这种情况,这里是font-family示例:

* {font-family:verdana;}

body {font-family:yourstyle;}

您应该会在整个页面中看到更改。