西文字型分為兩大族:襯線體(serif)和無襯線體(sans-serif)。像times、times new roman等都是屬於襯線體,而arial、helvetica則是屬於無襯線體。
襯線字型,意思是在字的筆畫開始、結束的地方有額外的裝飾,而且筆畫的粗細會有所不同。
無襯線體是無襯線字型,沒有這些額外的裝飾,而且筆畫的粗細差不多。
在計算機螢幕上,sans-serif字型被認為是比serif字型容易閱讀。
ont-family 屬性設定文字的字型系列。
font-family 屬性應該設定幾個字型名稱作為一種"後備"機制,如果瀏覽器不支援第一種字型,他將嘗試下一種字型。
注意:
名稱包含空格,則需要用雙引號或單引號表示,如:
font-family: "microsoft yahei", "arial narrow", sans-serif;中文字型名稱為了保證相容性也會新增引號,如:
font-family: "黑體-簡", "微軟雅黑", "文泉驛微公尺黑";1、window下:
2、mac os下:
3、android系統:
4、ios系統:
5、linux:
文泉驛微公尺黑:幾乎是 linux 社群現有的最佳簡體中文本型。
1、使用英文名
常看到宋體
、微軟雅黑
這樣的字型名稱,但這並不是字型檔案的名稱,一般字型檔案都是用英文命名的,如simsun
、microsoft yahei
。
在大多數情況下直接使用名稱也能正確顯示,但是有一些使用者的特殊設定會導致中文宣告無效。
因此,保守的做法是使用英文名稱或者兩者兼寫。如下示例:
font-family: stxihei, "microsoft yahei";2、宣告英文本型font-family: stxihei, "華文細黑", "microsoft yahei", "微軟雅黑";
絕大部分中文字型裡都包含英文本母和數字,但是都不是特別漂亮,所以建議也對英文本型進行宣告。
由於英文本型中大多不包含中文,我們可以先進行英文本型的宣告,這樣不會影響到中文字型的選擇。
因此優先使用最優秀的英文本型,中文字型宣告則緊隨其次。如下示例:
font-family: arial, "microsoft yahei";3、照顧不同的作業系統
font-family: helvetica, tahoma, arial;
font-family: "pingfang sc", "hiragino sans gb", "heiti sc", "microsoft yahei", "wenquanyi micro hei";中英文整合寫法:
font-family: helvetica, tahoma, arial, "pingfang sc", "hiragino sans gb", "heiti sc", "microsoft yahei", "wenquanyi micro hei";4、注意向下相容性
如果還需要考慮舊版本作業系統使用者的話,不得不加上一些舊版作業系統存在的字型:mac中的華文黑體
、冬青黑體
,win中的黑體
等。同樣按照顯示效果排列在列表後面,寫法如下:
font-family: helvetica, tahoma, arial, "pingfang sc", "hiragino sans gb", "heiti sc", stxihei, "microsoft yahei", simhei, "wenquanyi micro hei";加入了
stxihei(華文細黑)
和simhei(黑體)
。
5、補充字型族名稱
字型族大體上分為兩類:sans-serif(無襯線體)
和serif(襯線體)
,當所有的字型都找不到時,我們可以使用字型族名稱作為作業系統最後選擇字型的方向。一般非襯線字型在顯示器中的顯示效果會比較好,因此我們需要在最後新增sans-serif
,寫法如下:
font-family: helvetica, tahoma, arial, "pingfang sc", "hiragino sans gb", "heiti sc", "microsoft yahei", "wenquanyi micro hei", sans-serif;
font-family: "helvetica neue", helvetica, arial, "pingfang sc", "hiragino sans gb", "heiti sc", "microsoft yahei", "wenquanyi micro hei", sans-serif;1.
2.
字型選擇 書法 學習書法如何選擇字型
篆書體 包含大篆 小篆 燕書 包括燕行 隸書體 包含古隸 今隸 楷書體 包含魏碑 正楷 行書體 包含行楷 行草 草書體 包含章草 小草 大草 標準草書 這是已定義的書法的書體名謂。我個人認為行書和草書應歸為一類。甲骨文的書寫應作為單獨的一類。這樣劃分,以助學習。篆書 隸書 楷書 行書 甲骨文 正對應...
如何更好的選擇字型 font family
大家都知道,在不同作業系統 不同遊覽器裡面預設顯示的字型是不一樣的,並且相同字型在不同作業系統裡面渲染的效果也不盡相同,那麼如何設定字型顯示效果會比較好呢?下面我們逐步的分析一下 1 window下 2 mac os下 3 android系統 4 ios系統 5 linux 文泉驛微公尺黑 幾乎是 ...
字型選擇 雜誌設計中字型的選擇
漂亮的雜誌設計中設計者永遠都逃不開字型的選擇,這不僅體現設計者的技術水平,而且要求設計者要有較高的審美情趣,對美的把握精確而直接。現代漢字字型不僅種類繁多,而且不同的字型也有自己的特質和氣質,展現不同的風貌。經得起推敲的幾種字型有 宋體 標宋 書宋 大宋 中宋 仿宋 細仿宋 黑體 中黑 平黑 細黑 ...