網頁字型的來源

有三種

1. 使用現有的通用字型：最常見的就是細明體、微軟正黑體等字體，讀取速度快。
2. 使用線上字型：Goog??線上的字體，目前只有試用版字體，中文字有點破破的，因為是免費提供測試用的，有查到中文字正式版目前都是要收費
3. 使用自己上傳的字型：上傳自己的字體，寫法會稍微複雜一些

otf檔案為例

@font-face {

    font-family: Test;

    src: url("path/test.otf") format("opentype");

}

woff  -->  woff

ttf  -->  truetype

參考資料 免費字型