网页字体大小怎么调(怎么恢复网页正常比例)

移动排版指南

如果你正在设计一个可以在移动设备上使用的网站或应用程序，只有一个硬性规定:使用至少16px大小的文本输入字体。如果文本输入的字体大小小于该值，iOS浏览器会放大文本输入的左侧，通常会屏蔽右侧，迫使用户在使用文本框后手动缩小。

下图是这种情况的一个例子:

移动网络中关于字体大小的一切基本上都遵循一个指导原则:

使用16px左右的正文字体。当你想让手机上的文字像印刷精美的书籍一样易读时，对于辅助文字、不重要的标签和标题，请使用一些较小的尺寸——如13px或14px。我不建议只用一种字号，因为太容易和普通文字混淆。当文本不太重要时，您需要对其进行样式设计，以便清楚地传达不太重要的内容。

Gold将在实际设备上检查您的设计。我不能高度推荐这种做法，因为笔记本电脑屏幕上的移动应用程序设计感觉与你握持它的方式不同。作为一名最初的设计师，几乎每次在移动设备上打开我在桌面上设计的页面，我都会感到震惊。字体大小、间距...一切都没了。因此，请使用Sketch Mirror或Figma Mirror或任何适合您的应用程序，并在您的设备上检查您的设计。

后面关于手机网页字体大小的其他问题，请参考材料设计指南，清晰、一致、巧妙(虽然不简洁)。作为一名设计师，我年纪越大，就越相信尽管苹果拥有所有的设计声誉，但谷歌正在超越它们。

桌面网络排版指南

当选择桌面网站或网络应用程序的基本尺寸时，您可以将大多数设计分为以下两种类型之一:1 .单词很重要的页面。文章、博客、新闻等。这些是用户在页面上主要阅读的页面。互动很少，可能只是点击几个链接。2.互动多的页面.更多的应用涉及悬停、点击、在列表或表格中搜索项目、编辑、键入等。页面上可能有很多文字，但这不是你直接看的书。需要举一两个例子吗？此页面是一个文本密集型页面。您的脸书订阅源是一个交互式页面。每个问题都略有不同，所以我会分别处理。记住，两者都有用。疯狂网络应用程序的“关于”页面仍然有大量文字。香草博客上的“联系”页面仍然很重要。

简而言之，对于文字较多的页面，字体要大一些。如果人们长时间阅读，不要让他们紧张。现在，每种字体都不一样，即使大小一样。我们正在讨论以下字体大小:

16px–包含更多文本的页面的绝对最小值。

8px–更好字体大小的开始。你不打印出单倍行距的Word文档；你是为十年前坐在离显示器几英尺远的人写的。

20px–一开始可能会觉得很蠢，但在你的设计应用中总是值得一试的。Medium.com是互联网上拥有最美文字的网站，其默认文章大小为21px。

简而言之，当你设计一个交互式桌面网站时，请记住这一点。你需要根据具体情况修改文字样式。一致性是很棒的，但是当字体大小只差一个px的时候，当他们不容易找到自己要找的东西的时候，他们的体验就会很可怕。