1. 使用@font-face {}：
   a. 為使用使用者端可能沒有的特定字型，利用@font-face {}可以讓使用者代理下載特定字型檔，達到預期的視覺效果。
   b. @font-face {}是屬於延遲載入，只有文件需要的檔案才會載入，其他不需要的字型檔會被忽略，載入字體時，可能因為字體寬度行高等問題導致頁面重新排列，或因字型載入慢而顯示預設字體後才顯示指定字體。
   c. 必要描述子：
   - font-family：指定字型，可指定多字型，但字型間需要以半形逗號區隔。
   - scr：定義字型檔來源，需要先將字型檔上傳到伺服器，且必須要和樣式檔同主機來源，無法讀取不同主機來源的字型檔，可以定義多個字型檔來源，但須以半形逗號分隔。
   - 寫法為@fontface{font-family: "Helvetica"; src:url("Helvetica.otf");}
   d. 其他字型描述子：
   - scr: ...... format()：讓使用者代理跳過不支援的字體檔格式，減少的頻寬與提高載入速度，也能用來宣告特殊副檔名的字型檔，可寫在format()中的有embedded-opentype（EOT檔，Embedded OpenType）、opentype（OTF檔，OpenType）、svg、truetype（TTF檔，TrueType）、woff（WOFF檔，Web Opne Font Format）幾種，寫法為@fontface{font-family: "Helvetica"; src:url("Helvetica.otf") format("opentype");}。
   - scr: local()：可以讓使用者代理先在使用者端搜尋是否有指定字體，如果沒有才載入伺服器上的遠端字體檔。寫法為@fontface{font-family: "Helvetica"; src:local("Helvetica"), url("Helvetica.otf");}。
   - font-style：用以設定字體呈現normal、italic與oblique等效果，沒有設定時會顯示預設值normal。
   - font-weight：區別不同粗細，如bold，沒有設定時會顯示預設值normal。
   - font-stretch：區別不同程度的字體寬度，如condensed和expanded，沒有設定時會顯示預設值normal。

（使用@font-face {}未完，字型未完）