如何调整字体大小答案

【问题标题】：How to adjust the font size如何调整字体大小
【发布时间】：2011-04-05 10:40:04
【问题描述】：

我一直在尝试更改“Future 1”下的字体，你可以在这里看到代码；但如果我更改字体，更改将不适用。

http://jsfiddle.net/b5fMe/15/

似乎是什么问题？

【问题讨论】：

您是否尝试从 style 标签或其父标签 td 或 p 标签上的 style 属性更改字体大小？另外，为什么您要直接在具有style 属性的元素上使用所有这些样式？

标签： html css email font-size

【解决方案1】：

这是因为字体大小设置为父<td> 上的样式属性。我已经 updated the fiddle 用 12px 字体大小来显示它。

修改后的代码块如下，font-size设置为12px：

<td class="content threecol first" style="font-size: 12px;line-height: 1.4em;color: #444;width: 25%;padding-right: 20px;padding-left: 0;padding-top: 20px;border-right: 1px solid #ccc;border-bottom: 1px solid rgb(204 , 204, 204);">

【讨论】：

好的，我会试试这个，看看是否有效，感谢更新小提琴 ;-)

【解决方案2】：

您的字体大小设置都被 HTML 代码中的内联“样式”声明所覆盖，例如，id="topbar" style="text-align: center;font-size: 12px; - 这些在您的 CSS 之后应用。

【讨论】：

那是否意味着我必须删除内联样式？
是的，然后相应地调整头部的css。更好的是，将它们全部放在一个单独的文件中并将其导入到您的主模板或 html 页面中 - 这使得维护更加简单。仅当您的主要样式出现单一事件或异常时，才需要内联样式。