如何减小网站的整体字体大小？

Posted 2023-03-06

【中文标题】如何减小网站的整体字体大小？

【英文标题】：How to reduce the overall font-size of a web site?

【发布时间】：2014-11-15 20:44:10

【问题描述】：

有没有办法减少网站的整体字体大小？假设我们有一个 WordPress 主题（例如Highwind），如何在不影响任何其他属性的情况下减小所有页面元素的字体大小？

我尝试设置body font-size: 1.0em; ，但这也会缩小标题的宽度。如果我使用 Opera 的缩放选项将网站缩放到 90 %，页面看起来很完美，并且正是我想要的样子。

所以我想知道，在无需单独调整每个 CSS 类的情况下减小网站上所有字体大小的最简单方法是什么。主题使用em 字体大小，所以我想必须有一个准确的解决方案。不过，我不明白为什么标题也会缩小。

【问题讨论】：

显然在您的情况下，使用特定主题，设置body font-size: 85%; 确实会减小整体字体大小（因为主题设置bodyfont-size: 1.125em;）。所以你想要的是不只是缩小字体大小。您应该描述需求并将它们与某些特定设计相关联，在问题本身中描述并使用足够的代码。

【参考方案1】：

尝试在正文字体大小上使用 %：例如

body font-size: 85%;

【讨论】：

+1 很简单，但如果您有时间和知识，我会检查并将您的所有 font-size 属性设置为 em 值 - 总体而言，它创建了一个更灵活的解决方案.

【参考方案2】：

尝试在 html 元素上播放字体大小。这也将影响在 rem（根 ems）中指定大小的任何元素。

另外，改变body而不是html元素的字体大小会影响ems中指定的元素大小，但不会影响rems。

见