初學的朋友,可能並不知道在網頁上使用字型的限制!以往,當我們使用Word等辦公室軟體在編輯文件的時候,想要讓文件更加地美觀,除了使用原有的標楷體之外,大部份的朋友都會在自己的電腦中另外加裝一些字型,如隸書、行書、黑體等等中文字型,在文章中適當地選用這些字型,對於文件內容的美觀有額外的加分作用。但是,同樣的想法在網誌文章中卻行不通!

  大部份的情形是,當你使用網頁編輯軟體在自已的電腦中為自己的網頁變更字型的時候,在自己的電腦中看起來還不錯,但是當別人使用他自己的電腦上網瀏覽你的網頁的時候,你選用的字型在他的電腦中並不一定會有,你如何叫一個沒有字型檔的電腦去顯示出你指定的字型呢?甚至,在大部份的情形之下(如一般的部落格系統),網誌文章的編輯器,根本就沒有讓你可以設定字型的地方!

  這個問題,就是我們這篇文章要解決的。網頁的協定中,是允許我們自由地設定任何的字型的,但是你設定的字型如果在別人的電腦中沒有,他們就沒有辦法以這個字型來顯示。所以,除了指定字型之外,在新的HTML語法中也有讓你可以指定載入字型的指令@font-face。透過這個指令,你可以在你的網站目錄下放置自己的字型檔案,然後當有使用到的時候,瀏覽器就會下載來使用。不過,這種方式在英文字型還算可行,因為不管怎麼樣,英文字母就算是加上大小寫以及各式各樣的符號,也不會超過256個。但是,中文字就不一樣了,日常生活中的常用字,動不動就超過三、四千個,完整的常用字也要五、六千個,如果是完整的字,就算是一萬個還是會有漏掉的,如果把這樣的字型檔拿來載入再使用,那網頁的速度,就會全部栽在字型上,怎麼看都不划算!

  所以,遇到這個問題,基本上至少有兩種解決的方式,第一種,是把少量你在網頁中會用到的字,透過字型編輯軟體另外製作成一個少少中文字特定字體的字型檔,由於使用到的字有限,所以檔案也不大,基本上還算可行,不過就是過程中複雜了些。

  第二種做法則是透過現有的網站解決方案,我們這篇文章使用的就是華康威font的方式,拿來使用在發表部落格文章上並不是很方便,不過至少可行,對於非常講究網頁瀏覽經驗的朋友,是可以使用的方式之一。本文只是做個示範,詳細的方法,請參考下一篇文章的教學。

(360)