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

时间:2013-06-27 13:49:07

标签: javascript jquery css fonts font-face

我刚刚将网站的字体更改为非网络字体。问题是,字体非常薄,难以阅读。所以我要快速修复* { font-size:125% },当然这没有用。

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

我正在使用预制主题,因此重新制作整个样式表并不是我的选择,因为通过开发人员工具栏查看了125个字体大小的实例。

5 个答案:

答案 0 :(得分:1)

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

body {
    font-size: 125%;
}

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

如果您的字体大小都以固定的单位大小(例如12px)定义,那么您必须浏览整个CSS文件并对其进行全部修改。

答案 1 :(得分:0)

尝试:

body { font-size: 125%; }

OR

body { font-weight: bold; }

答案 2 :(得分:0)

可以

body { font-size:125%!important }

答案 3 :(得分:0)

首先,请注意非标准网络字体,因为没有该字体的系统将回退到第二种字体,这反过来会导致意外结果,即整个屏幕上的大字体。

其次,你为什么要重做整个网站?您声明字体大小的次数是多少?通常,您应该只声​​明最多约6种不同的尺寸。 (不包括H标签)

这是一个很好的博客,关于em的用法说明以及为什么它应该是你的字体大小的基础http://clagnut.com/blog/348/

如果你真的热衷于用黑客攻击它。上述答案应该有效,甚至可能

body * {font-size: 125% }

所以你可以避免!重要。

有关未来的参考资料,请参阅http://help.dottoro.com/lcsdaoxj.php这是迄今为止所有css,html和javascript最简洁的用法。

答案 4 :(得分:-1)

如果非网络字体没有带有" Bold"的辅助字体。最后,除了font-size之外,你无法真正改变它的属性(粗体,斜体)。此外,迈克尔阿吉拉尔使用"!important"不正确,你需要在"!"之前放一个空格。 所以,

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

应该有效