首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

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

2012-09-10 
[笔记]字体的选择和排版以下笔记内容来自《Web Design for Developers》by Brian Hogan?Web页面中,最常用的

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

以下笔记内容来自《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}}
?

适用于

?

热点排行