CSS 字體類型 字體重量 字體風格 字體大小 字體變形


 {font-family:‘一個字體’,‘一個通用字體系列’;}

/*前面的字體,如果用戶安裝了,優先顯示,后面的,備用(最后的,最好用通用字體系列,這樣更接近原本要用的字體,比如說,襯線.無襯線,手寫)。*/

{font-weight:700;}

{font-weight:bold;}

/*因為字體加粗是設計的結果而不是增加寬度而已,字體會有不同數量的,根據它做出的,加粗設計變形字體,

所以字體加粗與現存的某個字體的加粗變形設計等價,字體值被賦值給數字。

默認定義:400==normal,700==bold,

如果一個字體有多個尺寸,如果有medium字體變形的,medium字體變形被賦值500,如果有比bold更粗的字體,賦值800-900。如果有Light,賦值100-300。

如果只有normal和bold,normal會被賦值100-500,bold會被賦值600-900;

而lighter 和bolder ,是相對於它的父元素來說的。到100 和 900 為止。

舉例來說,如果一個字體只有normal,medium,bold 3種字體變形,

{font-weight:normal 被賦值100-400;}{font-weight:medium被賦值500}{font-weight:bold被賦值600-900}

如果設置了{font-weight:100}那么,字體的樣子就等價於normal{font-weight:400},這時如果子元素設置為{font-weight:bolder} ,實際就是medium{font-weight:500},子元素的內部子元素再設置{font-weight:bolder} 實際就是bold{font-weight:700}

*/

{font-style:inherit;}

/*

4個可選值: normal(默認),italic(斜體字體), inherit(繼承),oblique(傾斜文本(只是把文字變斜))

*/

 {font-size:medium ;}

 {font-size:2017px ;}

 {font-size:smaller ;}

 {font-size:17% ;} =={font-size:0.17em ;}/*根據從父元素繼承的大小算的,字體百分比是繼承的,每個子元素都會是從父元素繼承的大小*17%,最里面的子元素,就會變得很小  */

/*5種表示方法

值:xx-small | x-small | small(有些用戶代理的默認) | medium (默認)| large | x-large | xx-large | smaller | larger | length | percentage | 

字體大小相對值,larger 和smaller 和加粗變形不同,不被局限在一個特定的范圍內。

縮放值按1.5或者1.2倍(不同用戶代理 可能不同)

默認字體大小也取決於,不同用戶代理。

 */

 

{font-variant:inherit;}

/*

3個值:inherit | normal(默認) | small-caps (用大寫字母寫,但是這些大寫字母大小不一,類似於text-transform:uppercase;)

舉例:The ,變成:

T

HE

 

T會變得更大,he會變成稍小的大寫字母。

但是有些用戶代理會把它變成全部一樣的大寫字母。

*/

 如果直接用 font{:;}表示,

規則一:必須聲明 font-size font-family 的值。
規則二:所有值必須按如下順序聲明。
1. font-weightfont-stylefont-variant 不分先后;
2. 然后是 font-size
3. 最后是 font-family。 (后面兩個必須連着)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM