關於 標楷體css ，我們在網路上蒐集到這些相關的討論、資訊與評價

[網頁設計] 八種讓您驚艷的 CSS 過場動畫

CSS 3.0 能提供許多讓人驚艷的過場動畫，而且不需要太高深的程式設計技巧。基本上把下面網址提供的 CSS 原始碼拷貝貼上，再於小處修改一下即可。

對於 CSS 在網頁設計所扮演的角色不熟的朋友，容我說明一下：一個網頁，HTML 負責用標籤標示出「這裡到這裡是主標...那裡到這裡是一個段落...」，也就是 HTML 負責「內容結構」得標定。CSS 則是負責排版。如「標示為『主標』的，要對中、18 點字、標楷體」，「標示為『段落』的，要與下一個段落空一列」...等等。高深一點的 CSS 技巧，就是一些「過場動畫」了。下面提供的網址，不僅把 CSS 做過場動畫的原始碼標示出來，還讓你親手把玩最後的效果。英文苦手的朋友也不用太擔心，只要先玩一下效果，覺得滿意，把上方的程式碼拷貝貼上，頂多標籤名稱修改一下，就可以套用在您的網頁了。

有興趣的朋友不妨試試看！有問題請留言在下方喔！

http://www.webdesignerdepot.com/2014/05/8-simple-css3-transitions-that-will-wow-your-users/

如何設定 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