如何設定 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
biaukai標楷體 在 Re: [求救] mac標楷體在win上都會跑掉 的推薦與評價
原文吃掉
小弟的情況：PC編輯的標楷體文件無法自動在macOS office word開啟正確字型
(1) 硬體軟體背景
電腦使用主力：PC, windows 10 (office 365)
外出攜帶：macbook pro 2012 mid, macOS Catalina (office 365 for mac)
(2) 使用狀況：
PC編輯的標楷體word文件，移到macbook上開啟文件，字體會自動變成正黑體，
且附近段落格式會跑掉，若選擇該字詞在左上方字體欄依然顯示「標楷體」。
(3) 解決辦法：
到macOS字體簿搜尋「標楷體」，右鍵打開選單，選擇「加入字體...」，
然後重開機。
(4) 之後打開word文件，排版格式跟標楷體字體都會變正常。若選擇該字詞左上方字體欄
會變成「BiauKai」。整個處理方法不需要額外安裝字型。
希望有幫助到被標楷體困擾的大家...
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 42.75.127.10 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/MAC/M.1626057489.A.B3F.html
※ 編輯: ultimatevic (42.75.127.10 臺灣), 07/12/2021 10:39:59
※ 編輯: ultimatevic (42.75.127.10 臺灣), 07/12/2021 10:51:23
... <看更多>