javascript - 按比例增加整个网站的每个字体大小

Question

我刚刚将网站的字体更改为非网络字体。问题是，字体真的很薄，很难阅读。所以我必须做一个快速修复* { font-size:125% }，当然这不起作用。

这可以通过纯CSS来实现吗？或者也许有一个干净的 Javascript/jQuery 方式？

我使用的是预制主题，因此在 em 中重新制作整个样式表对我来说并不是一个真正的选择，因为通过开发人员工具栏定义了 125 个 font-size 实例。

score 1 · Accepted Answer

使用纯 CSS 执行此操作的唯一方法是，如果您一开始就使用相对字体大小。

body {
    font-size: 125%;
}

h1 {
    font-size: 2em; /* or 200% */
}

如果您的字体大小都以固定的单位大小（例如 12 像素）定义，那么您将不得不浏览整个 CSS 文件并全部修改它们。

score 0 · Accepted Answer

首先，要小心非标准的网络字体，因为没有该字体的系统会退回到第二种字体，这反过来会导致意想不到的结果，即整个屏幕上的大字体。

其次，你为什么要重做整个网站？您声明字体大小多少次？一般来说，您最多只能声明大约 6 种不同的尺寸。（不包括 H 标签）

这是一个很好的博客，解释了 em 的用法以及为什么它应该成为字体大小的基础http://clagnut.com/blog/348/

如果您真的热衷于使用 hack。以上答案应该有效，甚至可能

body * {font-size: 125% }

所以你可以避免！important。

对于将来的参考，请参阅http://help.dottoro.com/lcsdaoxj.php它是迄今为止对所有 css、html 和 javascript 的最佳简洁用法。

score 0 · Accepted Answer

0

可能

body { font-size:125%!important }

于 2013-06-27T13:51:45.727 回答

score -1 · Accepted Answer

-1

Try:

body { font-size: 125%; }

OR

body { font-weight: bold; }

于 2013-06-27T13:51:08.190 回答

score -1 · Accepted Answer

如果非网络字体没有末尾带有“粗体”的辅助字体，则除了字体大小之外，您无法真正更改其属性（粗体、斜体）。此外，Michael Aguilar 使用“！important”的 css 不正确，您需要在“！”之前放置一个空格所以，

* {font-size: 125% !important;}

应该管用

5 回答 5