網頁可用字型font-family - Puritys Blog

列出一些網頁可以使用的字型，大家設計網頁時，可以參考一下囉。

先介紹一下設定字體的css style 語法，「font-family」這個屬性就是代表字體樣式。

Home CSS 網頁可用字型font-family 2011 Nov 02 網頁可用字型font-family Tags: Font 簡中版 列出一些網頁可以使用的字型，大家設計網頁時，可以參考一下囉。

先介紹一下設定字體的cssstyle語法，「font-family」這個屬性就是代表字體樣式。

Example fontletters/*或是使用*/ 預設中文字體 細明體 文字有比較好看嗎? 新細明體 文字有比較好看嗎? 標楷體 文字有比較好看嗎? 預設英文字體 Arial www.yahoo.com ArialBlack www.yahoo.com ComicSansMS www.yahoo.com Courier www.yahoo.comwww.google.com.tw 字母的寬度一樣長 CourierNew www.yahoo.comwww.google.com.tw 字母的寬度一樣長 Fixedsys www.yahoo.comwww.google.com.tw Georgia www.yahoo.comwww.google.com.tw Impact www.yahoo.comwww.google.com.tw LucidaConsole www.yahoo.comwww.google.com.tw 字母的寬度一樣長 LucidaSansUnicode www.yahoo.comwww.google.com.tw Marlett www.yahoo.comwww.google.c MicrosoftSansSerif www.yahoo.comwww.google.com.tw Modern www.yahoo.comwww.google.com.tw MSSansSerif www.yahoo.comwww.google.com.tw MSSerif www.yahoo.comwww.google.com.tw PalatrinoLintype www.yahoo.comwww.google.com.tw Roman www.yahoo.comwww.google.com.tw Script www.yahoo.comwww.google.com.tw 字型=Script SmallFont www.yahoo.comwww.google.com.tw Symbol www.yahoo.comwww.google.com.tw System www.yahoo.comwww.google.com.tw Tahoma www.yahoo.comwww.google.com.tw Terminal www.yahoo.comwww.google.com.tw TimesNewRoman www.yahoo.com TrebuchetMS www.yahoo.comwww.google.com.tw verdana www.yahoo.comwww.google.com.tw 自訂字體 部分瀏覽器提供自定義的字體，不過user必須先從網路上下載回來，如果是使用中文字體的話，一個字體檔就要10MB左右，光是下載時間就太久了，所以還是用用英文字體就好。

支援的瀏覽器有Firfox,Chrome 不支援的瀏覽器有IE 特殊字體「abcdefghi」，Firefox才看得到喔 Example Webfonts 如果你想用一些特別的英文字體，可以到https://fonts.google.com/這個網站找找看，找到你要的字體後，使用他非常的簡單，只要link到fonts.google的字型檔CSS，就能夠使用囉。

Example   "JacquesFrancoisShadow"字型範例如下： Jacques+Francois+Shadow Thispostwaslastmodifiedby puritys 2018/04/09 回應(Leaveacomment) Name E-mail Message Submit Font相關 軟體工程師必用字型/字體 類別CSS CSS實做3D立體正方形 CSS3D旋轉rotate3d與translate3d CSSTransitions動態展開圖層 BrowserReflow&Repaint ChromedonotallowCross-originresourcesharingforwebfonts 移除CSSinline-block空白 CSSfontsizeaboutpt,px,emandpercent CSS特殊用法 CSSSelector cssstyletesting 網路新聞 生活旅遊 網路安全 程式雜記 　Q&A　 puritys.me VIVIANCRAP Copyright©2014PURITYS.COM.Allrightsreserved.