CSS基礎——字體
阿新 • • 發佈:2018-03-22
類型 中文 font lock OS normal css 數字 pre
1、font-family:設置字體類型
<family-name>:字體名稱。按優先順序排列。以逗號隔開。如果字體名稱包含空格或中文,則應使用引號括起 .
- user agent會遍歷定義的字體序列,直到匹配到某個字體為止。
-
body { font-family: helvetica, verdana, sans-serif; }
-
如上字體定義,假設你機器上沒有helvetica字體,但有verdana,這時將會以verdana顯示你的文字。
-
2、color :字體顏色
可以使用Color Name(顏色名稱), HEX, RGB, RGBA, HSL, HSLA, transparent來指定color。
由於不同瀏覽器對顏色名稱的渲染不同,建議使用 #hex 表示顏色。
3、font-style:設置字體樣式
- normal:
- 指定文本字體樣式為正常的字體
- italic:
- 指定文本字體樣式為斜體。對於沒有設計斜體的特殊字體,如果要使用斜體外觀將應用oblique
- oblique:
- 指定文本字體樣式為傾斜的字體。人為的使文字傾斜,而不是去選取字體中的斜體字
4、font-size:設置字體尺寸,一般用px
可以設置絕對尺寸,也可以設置相對尺寸。
5、font-weight:設置字體粗細
normal:正常字體
bold:粗體
bolder:定義比繼承值更重的值
lighter:定義比繼承值更輕的值
一般直接用數字,400、800等即可。
CSS基礎——字體