国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 應用 > 軟件技巧 > 正文

Web標準設計中常用字體介紹及選用原則

2024-07-16 17:58:55
字體:
來源:轉載
供稿:網友

瀏覽器中展示網頁文字內容時,文字字體都會按照設計師在css中定義的字體族的順序來進行顯示。

什么是字體族?字體族就是你在css代碼中看到“font-family”的代碼內的一類字體名稱,例如下面這行代碼:

font-family:"Comic Sans MS","幼圓","黑體",sans-serif;

按照W3C標準,瀏覽器在解析一行代碼時首先會在系統中查找Comic Sans MS字體,如果系統內存在這個字體那么瀏覽器就會使用Comic Sans MS字體,如果沒有的話就接著查找幼圓字體,以此類推直到瀏覽器可以表達系統存在的字體為止。

注意了,“sans-serif”不是某個字體的名稱,而是一種在前面敘述的字體都無效時而最終選用的字體,稱為瀏覽器通用字體,它取決于你所用的瀏覽器默認的通用字體是什么,可能是“Arial”,也有可能是“Helvetica”。(sans-是法語前綴“沒有”的意思,意思是“無襯線字體”,無襯線字體我們接下來會有介紹)。這種情況是設計師應當盡量避免的,設計者應該盡可能給出齊全的字體設定(font set),以最大限度覆蓋所有系統是為上策。

那么,你可能會問了,萬一系統中都沒有瀏覽器想要表達的字體時,怎么辦?

那么瀏覽器會顯示該字體的缺字符,缺字符是字體中的特殊字符,通常顯示為一個方塊,所以有時候小編看到網頁上都是方塊時感到很囧。請注意,還有一種情況瀏覽器也會顯示方塊,那就是有某種字體A系統中存在,而恰好也被瀏覽器采納了,但是字體A中有個字符B是該字體中不存在的,那么瀏覽器也會以缺字符取代字符B的位置,表示空缺(瀏覽器表示壓力很大)。

字體的css命名規則叫做“font-family”,但不等同于印刷意義上的font-family,實質上應該稱作font set,印刷上的font-family是指一系列相同字樣的不同強度組合,例如Lucida Family、Arial Family等。

字母“M”中上下方突出的短橫線就是所謂的襯線,同理,“y、F、K”的上下方都用短橫線進行了突出顯示,為了彌補短橫線的僵硬感又對曲折部分進行了園角加強處理,所有這類末端進行了加強的字體均稱為襯線字體。我們經常在印刷出版物中看到這種字體,因為它們顯示得很小,但可讀性依然非常好,所以在印刷行業中被普遍使用,以降低成本。

在這里總結了幾套實用、簡單的字體族以供大家參考:

Tahoma系的中性字體,推薦在13px以上的環境中實用,Tahoma字體是小編最常用的字體,它的清爽在Windows系統中的默認字體里無可替代。

font-family:"Tahoma","Helvetica","Arial","Sans-serif;

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 沙田区| 东丽区| 靖江市| 城口县| 长乐市| 西乌珠穆沁旗| 巴青县| 德惠市| 扶风县| 天门市| 武夷山市| 镇雄县| 筠连县| 托克托县| 浦城县| 莆田市| 乐平市| 台北县| 罗江县| 宿松县| 深泽县| 大埔县| 通辽市| 稷山县| 朝阳县| 钟山县| 新竹市| 山东| 卓资县| 奈曼旗| 福贡县| 夏邑县| 驻马店市| 平果县| 抚州市| 龙川县| 灵川县| 辽中县| 乡宁县| 乌鲁木齐市| 五指山市|