字體文字

 
名稱 語法 屬性
字體文字 font-family verdana,新細明體
※一般電腦內有的字體。
 
一般而言，在編寫網頁的過程中，我們必須給予字體文字上的設定，讓瀏覽者方便瀏覽撰寫的文字。
 
當我們在編寫網頁的時候，如果 body 不設定任何字體，會根據：
1.你所建立的 blog 產生預設字體顯示出來。
2.你的瀏覽器預設的字體顯示出來。
 
設定字體，可以在 <body><table><div><p><span>... 等一些常用的語法裡設定。
在設定字體時，有所謂的"安全字體"存在。
 
安全字體組合分別為 serif 字體、無襯線字體、等寬字體。
 
CSS Web Safe Fonts.png  
字體的顯示順序：  
 
並非所有的電腦裡有特別的字型存在，因此一開始設定字體就顯得格外重要。那為何要設定那麼多字體？原因是當你設定你電腦裡的字體時，對方的電腦裡並不見得會有你的字體存在，尤其是中英文顯示的時候，所以我們會在設定字體時給予所謂的優先順序權。
 
當我設定  { font-family: verdana, Times New Roman, 新細明體, 微軟正黑體; }  ，瀏覽網頁時 verdana 字型將會第一順位顯示出來，如果電腦內沒有 verdana 這種字型，第二順序會以 Times New Roman 做顯示，依此類推。
 
在系統識別下的繁體中文字體設定：  
 
微軟正黑體 = Microsoft JhengHei
新細明體 = PMingLiU
細明體 = MingLiU
標楷體 = DFKai-sb
 
在 head 裡的用法  
 
<style type=text/css> 
<!--
/*全部設定字體*/
 body { font-family: verdana, Times New Roman, 新細明體, 微軟正黑體; }
//-->
</style>
 
在 BLOG 或 CSS 樣式表裡的用法  
 
/*全部設定字體*/
 body { font-family: verdana, Times New Roman, 新細明體, 微軟正黑體; }
 
在 body 裡的用法    
 
<!--個別設定字體-->
<div><span style="font-family: verdana, Times New Roman, 新細明體, 微軟正黑體;">設定字型</span></div>
 
修改替換顏色裡的字體即可。
 
※本表已編輯在 我的CSS 協作平台裡。
arrow
arrow
    文章標籤
    CSS 網頁編輯
    全站熱搜

    Chiner 發表在 痞客邦 留言(2) 人氣()

    E-mail轉寄