請選擇 進入手機版 | 繼續訪問電腦版
搜索
熱搜: 活動 交友 discuz
查看: 2142|回復: 0

[CSS] font-family 字體字型的設定 - 中文字型對照英文

[複製鏈接]
發表於 2014-4-3 11:15:42 | 顯示全部樓層 |閱讀模式
在CSS的設定語法中,有關字體的設定是像下面這樣的語法↓
font-family:"細明體","Times New Roman",Georgia,Serif;

可以參考http://www.w3schools.com/CSS/pr_font_font-family.asp,這裡的定義與說明。

主要是說,在font-family:後面是一串的字體定義,而它是一串的使用順序,也就是說像上面的例子是:最先使用系統的"細明體"來顯示頁面文字字體,如果系統中找不到這樣的字體(例如我們用英文版的作業系統沒有裝中文字體),接下來就是找系統中的"Times New Roman"字體來顯示,再找不到系統有支持"Times New Roman"字體的話,就用系統的Georgia字體來顯示, 最糟糕的情形都找不到字體則用Serif字體顯示!!

在font-family這裡面有兩大類的字體定義,一種是family-name 字型名稱,另外一個是generic-family汎用字集,
所謂的family-name就是像我們使用word或是power-point等文件編輯器中的字型名稱:Arial, Comic Sans MS, Georgia, Time New Roman, 新細明體, 細明體, 標楷體, ...這一類的字型,數十多種。
至於generic-family汎用字集,則是指serif(襯線字), sans-serif(無襯線字),cursive(捲曲字體),fantasy(花俏字體),monospace(等寬字體)這五種!!

所以我們要設定中文字體的特性時,最好就是將中文字體設定在最前面[最優先],然後再加上其他的字型定義,另外還有要注意的是,中文字型的定義有兩種表示方式,一種是中文,一種是英文,標準一點或是說保險一點是要兩種都設定。例如↓
  1. family-name:"微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", "細明體", "MingLiU", "標楷體", "DFKai-sb", serif;
複製代碼
已下為字型中英對照:
  1. 微軟正黑體=Microsoft JhengHei
  2. 新細明體 =PMingLiU
  3. 細明體=MingLiU
  4. 標楷體=DFKai-sb
複製代碼
只是中英文的名稱不同,因為有些系統認得MingLiU,但是不認識"細明體",所以這樣的設定就可以確保字型儘可能是自己所希望的樣式。

講完字型的定義後,我來講講我們應該在那裡去設定我們的字型,在body{}中去設定是全部都生效,整體適用!所以像我現在的版型裡面的設定↓
body{  
    margin:0px 0px 0px 0px;
    text-align: center;
    background-color: #FFFFFF;
    font-family: Comic Sans MS,arial,helvetica,sans-serif;
    color: #000000;
    font-size: 15px;
    line-height:150%;
    word-wrap: break-word;
}
您需要登錄後才可以回帖 登錄 | 註冊

本版積分規則

本論壇為非營利之網路平台,所有文章內容均為網友自行發表,不代表論壇立場!若涉及侵權、違法等情事,請告知版主處理。


Page Rank Check

廣告刊登  |   交換連結  |   贊助我們  |   服務條款  |   免責聲明  |   客服中心  |   中央分站

手機版|中央論壇

GMT+8, 2019-3-24 19:24 , Processed in 0.062205 second(s), 17 queries .

Powered by Discuz!

© 2005-2015 Copyrights. Set by YIDAS

快速回復 返回頂部 返回列表