站內公告
CSS_Tab簡潔版
如果您覺得這個地方還算滿意...OK的話...請點一下最右邊的BloggerAds廣告支持一下...
有下載的地方不能連結請告知,謝謝。

良心建議及提醒說明,本Blog發佈之檔案勿作商業上之用途,僅供適用於一般普遍性的教學及測試用途,故不見得能在每個系統上正常執行,亦無法保證檔案內容完整性。如果滿意且需要請購買正版,對自己也是種保障,並尊重智慧財產權。


2
3

字體文字

 
名稱 語法 屬性
字體文字 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 協作平台裡。
文章標籤
創作者介紹

傳說中...只是個傳說而已。

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


留言列表 (2)

發表留言
  • 海報
  • 謝謝啊!非常實用。
  • els20070917
  • "字體的顯示順序"

    原來有這項啊!
找更多相關文章與討論