CSS字型設定

通過font-family設定字型型別，常見型別宋體，微軟雅黑等

例如：

這些常見的型別具體到了某一種字型，接下來說一下通用的型別，也就是從其他角度將這些具體的型別進行了歸類

1. serif 襯線字型

2. sans-serif 非襯線字型

3. monospace 等寬字型

4. cursive 草書字型

5. fantasy 虛幻字型

注意：後三種字型在不同的瀏覽器顯示效果差異很大，所以不推薦使用

對於襯線字型，包含了很多的具體的字型型別，具體使用那個具體型別，與瀏覽器有關。

有下面兩種情況：

1. font-family設定的字型型別某台計算機不支援。

對於設定了不支援的字型，瀏覽器會使用預設的字型font-family設定的字型型別不支援中文，但是文字中卻有中文。

parial是英文本型，所以不支援中文，對於這種情況，對於漢字的樣式瀏覽器會使用預設字型

對於上述的兩種情況，可以通過設定多個字型型別來解決。

font-family: 字型1，字型2，字型3;

如果字型1不能滿足要求（沒有這個字型，或者不支援漢字），則會使用字型2，以此類推，如果都不滿足，則會採用預設字型但是，採用預設的字型結果是不確定的，為了更好的展示網頁，將最後乙個字型設定為通用字型

font-family: 字型1， 字型2， 通用字型;

即使字型1，字型2都不能用，但是通用字型可以用，這樣可以把網頁盡可能最完美的顯式

設定color（前景色）來設定字型顏色對於網頁中的每乙個字元，都有乙個不可見的矩形框，font-size就是修改這個矩形框的大小

1.normal 正常（預設值）

2.intalic 斜體

3.oblique 傾斜

對於後兩個值，大部分瀏覽器不作區別，效果往往是相同的。

1.normal 正常（預設值） 2.bold 加粗

1.normal 正常（預設值） 2.small-caps 小型大寫字母

解釋一下，小型大寫字母就是將文字中的小寫字母變成大寫字母，但是這些字元的大小會比原來的大寫字母小

先看這樣的寫法：

font-variant: small-caps;
font-weight: bold;
font-italic: intalic;
font-size: 50px;
font-family: 微軟雅黑

寫的很麻煩，所以可以像下面這樣簡寫

font: small-caps bold italic 50px 微軟雅黑;

注意，字型型別和字型大小必須寫，缺一不可，字型型別必須寫在最後，字型大小必須寫在倒數第二個，其他屬性的順序則無所謂，其他的屬性不寫則使用預設值

在設定font時，可以設定行高，如果不設定行高，這裡會有乙個預設值

50px/100px表示字型大小50px，行高100px

由於使用了預設值，所以，這裡又有乙個陷阱

這裡行高首先被設定為100px，接下來設定font時，由於設定字型大小時沒有給出行高，所以行高被設定成了乙個預設值，則上面的設定被覆蓋，所以，應該將行高設定放在font裡，或者放在font下面

解決方法1：

解決方法2：

CSS 字型設定

1 turetype ttf 格式 ttf字型是windows和mac的最常見的字型，是一種raw格式，支援這種字型的瀏覽器有ie9 firefox3.5 chrome4 safari3 opera10 ios mobile safari4.2 2 opentype otf 格式 otf字型被認為是...

CSS 字型設定

CSS字型的詳細設定

css 2.0 文字性質的設定.大致有以下幾種 letter spacing normal 20px 20pt 20 字元距離，英文本元間的距離 text indent 20px 20pt 200 段落縮排，讓文章開頭會自動向右縮 nbsp line height 1.5 3 150 行高，每一行文...

CSS字型設定

CSS 字型設定

CSS 字型設定

CSS字型的詳細設定

相關推薦