雖然這篇網頁字體css鄉民發文沒有被收入到精華區：在網頁字體css這個話題中，我們另外找到其它相關的精選爆讚文章
在 網頁字體css產品中有1篇Facebook貼文，粉絲數超過2萬的網紅紀老師程式教學網，也在其Facebook貼文中提到， 如何設定 CSS，讓您的網頁在 Windows 與 Mac 都能顯示楷書 今天在設計網頁時，遇到一個小問題：有個網頁的「抬頭」（Title），我希望用「楷書」來呈現，好讓它與其它區塊有所視覺上的區隔。雖然有人說「楷書只適合印刷用，電腦上看楷書都會糊糊的，不舒服」，但我試過好幾種手法，還是覺得那個文...
網頁字體css 在 Social More HK｜行銷 x 設計教學 Instagram 的精選貼文
2021-04-04 17:39:28
【在網站嵌入中文字型有什麼要注意呢？】 1.字型的檔案大小 對比英文字型的大小階、數字及符號，中文字型包含上萬個字，加上不同字重，字數再倍數上升。一套中文字型就已經5-10MB或更高了。所以避免加載過多外部中文字型，減輕網頁載入的負荷。 使用雲端字型 Webfont 可以不需要下載整個的中文字型檔...
網頁字體css 在 紀老師程式教學網 Facebook 的最佳解答
如何設定 CSS，讓您的網頁在 Windows 與 Mac 都能顯示楷書
我是標楷體
今天在設計網頁時，遇到一個小問題：有個網頁的「抬頭」（Title），我希望用「楷書」來呈現，好讓它與其它區塊有所視覺上的區隔。雖然有人說「楷書只適合印刷用，電腦上看楷書都會糊糊的，不舒服」，但我試過好幾種手法，還是覺得那個文章標題用「楷書」來呈現，最漂亮、最得我心。加上它是標題，使用 48 點字，應該不會有看起來糊糊的缺點。所以就著手做了。
眾所周知，網頁中要讓某一段文字變成標楷體，可以使用 CSS 中的「font-family」屬性指定。如下所示：
HTML 部份：
CSS 部份：
.my-style {
font-size: 48px;
font-family: "標楷體";
text-align:center;
}
就會做出「置中、48 點字、標楷體」的字樣來。但若對方使用的瀏覽器，執行於國別設定不為「中文（繁體，台灣）」的話，它就會用英文名稱抓字型，必須設定成：
font-family: "標楷體", DFKai-sb;
若你把這樣的網頁放到 Mac 上去執行時，Mac 的標楷體名稱叫做「BiauKai」，所以還得補上「BiauKai」，才能讓 Mac 下也看得到標楷體：
font-family: "標楷體", DFKai-sb, BiauKai;
至於我個人最愛的 Linux，我還沒找到方法。由於我用 Linux 是為了寫程式，所以故意灌成英文版。若有人能依照上述方法，找到 Linux 內建標楷體的字型名稱（有嗎？XD），麻煩您提供一下，不勝感激！
本篇參考資料：
[CSS] 網頁字體： http://kuoe0.ch/1110/css-web-font/
CSS -- 中英文字型家族相關整理： http://blog.kkbruce.net/2010/11/blog-post_23.html