列出一些網頁可以使用的字型，大家設計網頁時，可以參考一下囉。
先介紹一下設定字體的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.
