[笔记]字体的选择和排版

以下笔记内容来自《Web Design for Developers》by Brian Hogan

 

Web页面中，最常用的三种类型的字体（限英文= =） 

 

1. serif fonts

这种字体的特点是带有笔锋，最常用在出版印刷体中（The Times  New Roman)，但并不适合用在网页中，特别是字体小的时候。

主要用在headling, logo和其它字体比较大的地方。

Serif fonts are often associated with elegance(优雅) and prestige(威信).

 

2. Sans-Serif Fonts

e.g Arial and Helvetic, Verdana 

这种字体在屏幕上很容易阅读，即使是字体很小的时候。可以作为页面主体的字体（for website's main content)。

 

3. Fixed-width or Monospaced Fonts

e.g Courier

这种字体每个字母占用的宽度相同。主要用在显示例如源代码，发票等需要整齐排列文字的地方。

 

微软定义的5种web-safe fonts:

Arial

Courier New

Georigia

Times New Roman

Verdana

 

 

body{
    Helvetica, Arial, sans-serif
}

依照上面的CSS，浏览器会先查找系统是否有Helvetica，没有的话尝试Arical，还是没有尝试系统默认到sans-serif字体。

 

-让浏览器自动加载字体的方法

@font-face{
  font-family: "Fontname"
  src: url(/fonts/font.ttf) format('truetype')
}

h1 {
  font-family: "Fontname", sans-serif}
}

 

适用于