CSS 字型設定

2021-09-17 18:14:33 字數 773 閱讀 9382

1、turetype(.ttf)格式

.ttf字型是windows和mac的最常見的字型,是一種raw格式,支援這種字型的瀏覽器有ie9+、firefox3.5+、chrome4+、safari3+、opera10+、ios mobile、safari4.2+;

2、opentype(.otf)格式

.otf字型被認為是一種原始的字型格式,其內建在turetype的基礎上,支援這種字型的瀏覽器有firefox3.5+、chrome4.0+、safari3.1+、opera10.0+、ios mobile、safari4.2+;

3、web open font format(.woff)格式

woff字型是web字型中最佳格式,他是乙個開放的truetype/opentype的壓縮版本,同時也支援元資料報的分離,支援這種字型的瀏覽器有ie9+、firefox3.5+、chrome6+、safari3.6+、opera11.1+;

4、embedded open type(.eot)格式

.eot字型是ie專用字型,可以從truetype建立此格式字型,支援這種字型的瀏覽器有ie4+;

5、svg(.svg)格式

.svg字型是基於svg字型渲染的一種格式,支援這種字型的瀏覽器有chrome4+、safari3.1+、opera10.0+、ios mobile safari3.2+;

了解了上面的知識後,我們就需要為不同的瀏覽器準備不同格式的字型,通常我們會通過字型生成工具幫我們生成各種格式的字型,因此無需過於在意字型格式間的區別差異。

推薦 查詢更多中文字型

CSS 字型設定

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

CSS字型設定

通過font family設定字型型別,常見型別宋體,微軟雅黑等 例如 p這些常見的型別具體到了某一種字型,接下來說一下通用的型別,也就是從其他角度將這些具體的型別進行了歸類 1.serif 襯線字型 2.sans serif 非襯線字型 3.monospace 等寬字型 4.cursive 草書字...

CSS字型的詳細設定

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