Web设计中网页字体排版指南

Author Avatar
KING Jun 21, 2017 Jun 21, 2017 UPDATED

本文译至Typographic Design Patterns And Best Practices总结部分。

Web设计中网页字体排版指南PDF,英文原件译者PS:主要讨论对英语的网页排版

总结

在网页设计设置中字体,本文给出了一些通用指南,但并不是完全有科学依据的,而仅仅只是一个大致的指导:

  1. serif或sans-serif字体中的任何一种都可以用于文本正文和标题,但实际使用中,sans-serif字体更常用一些
  2. 标题常用字体:
    • Georgia
    • Arial
    • Helvetica
  3. 正文常用字体:
    • Georgia
    • Arial
    • Verdana
    • Lucida Grande
  4. 标题字体大小在18-29像素
  5. 正文字体大小在12-14像素
  6. 标题字体大小与正文字体大小比例为1.96
  7. 行的高度与行字体大小比例为1.48
  8. 行的长度与行的高度比例为27.8
  9. 段落中单词空格与行高比例为0.754
  10. 每行的最佳字符数在55-75之间,但大多数为75-85之间译者PS:此指英文字符数量,不是单词数,一个中文字符占2个英文字符位
  11. 正文一般是左对齐的,少使用图片替代文本,链接需要有下划线或加粗高亮或用字体颜色高亮