[笔记]字体的选择和排版
以下笔记内容来自《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}}?
适用于
?