我刚刚将网站的字体更改为非网络字体。问题是,字体非常薄,难以阅读。所以我要快速修复* { font-size:125% }
,当然这没有用。
这可以通过纯CSS来实现吗?或者也许有一个干净的Javascript / jQuery方式?
我正在使用预制主题,因此重新制作整个样式表并不是我的选择,因为通过开发人员工具栏查看了125个字体大小的实例。
答案 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;}
应该有效