字體

網(wǎng)頁(yè)字體的三個(gè)來(lái)源：

• 用戶機(jī)器上安裝的字體，放心使用。
• 保存在第三方網(wǎng)站上的字體，例如Typekit和Google,可以link標(biāo)簽鏈接到你的頁(yè)面上。
• 保存在你自己Web服務(wù)器上的字體，可以用@font-face規(guī)則隨網(wǎng)頁(yè)一起發(fā)送到瀏覽器。

字體相關(guān)6屬性：

font-family

font-size

font-style

font-weight

font-variant

font（簡(jiǎn)寫(xiě)屬性）

難道字體和文本不是一回事？

當(dāng)然不是。請(qǐng)聽(tīng)我解釋。

字體是“文字的不同體式”或者“字的形體結(jié)構(gòu)”。對(duì)于英文而言，每種字體都是由一組具

有獨(dú)特樣式的字母、數(shù)字和符號(hào)組成的。根據(jù)外觀，字體可以分為不同的類別（font

collection），包括襯線字體（serif）、無(wú)襯線字體（sans-serif）和等寬字（monospace）。

每一類字體可以分成不同的字體族（font family），比如Times 和Helvetica。而字體族中

又可以包含不同的字型（font face），反映了相應(yīng)字體族基本設(shè)計(jì)的不同變化，例如Times

Roman、Times Bold、Helvetica Condensed 和Bodoni italic。

文本就是一組字或字符，比如章標(biāo)題、段落正文等等，跟使用什么字體無(wú)關(guān)。

CSS 為字體和文本分別定義了屬性。字體屬性主要描述一類字體的大小和外觀。比如，使用

什么字體族（是Times，還是Helvitica），多大字號(hào)，粗體還是斜體。文本屬性描述對(duì)文本的

處理方式。比如，行高或者字符間距多大，有沒(méi)有下劃線和縮進(jìn)。

這就是我對(duì)字體和文本之間區(qū)別的認(rèn)識(shí)。如果你想讓文字加粗，或者變斜體，可以設(shè)定字體屬性。而行高和縮進(jìn)這種只有對(duì)文本塊（比如標(biāo)題和段落）才有意義的樣式，則要使用文本屬性設(shè)定。

字體族

例如：h2{ font-family:times, serif; }

通用字體：

• serif，襯線字體，每個(gè)筆畫(huà)末端都會(huì)有一些裝飾線。
• sans-serif，無(wú)襯線字體，字符筆畫(huà)末端沒(méi)有裝飾線。
• monospace，等寬字體，每個(gè)字符寬度相等，也叫代碼體。
• cursive，草書(shū)體或者手寫(xiě)體。
• fantasy，其他類別字體，奇形怪狀。

字體大小

h2 { font-size:18px }

大小單位：px,em,百分比。

默認(rèn)字體大小為16px，也就是1em=16px.

單獨(dú)講rem單位：根em, 相對(duì)于HTML根元素，一改所有的字體大小都會(huì)改。

字體樣式

值：italic(斜體)、oblique(斜體)、normal(正常字體，為了消除特殊樣式)

字體粗細(xì)

值：100,200······900，或者關(guān)鍵字 lighter、normal、bold和bolder。

示例：a { font-weight: bold; }

常用bold和normal.

字體變化，慎用

值：small-caps(小型大寫(xiě)字母)、normal

示例(塊引用)：blockquote { font-variant(字體變形):small-caps; }

經(jīng)常將small-caps用于::first-line偽元素。

簡(jiǎn)寫(xiě)字體屬性

規(guī)則一：必須聲明font-size和font-family的值。

規(guī)則二：所有值必須按如下順序聲明，font-weight,font-style,font-variant不分先后，然后是font-size，最后font-family.

p:nth-child(2) {
    font: bold italic small-caps 2em sans-serif;
}

到此這篇關(guān)于CSS3中的字體詳解的文章就介紹到這了,更多相關(guān)css3字體內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持腳本之家！

最新評(píng)論