可以在各種瀏覽器順利顯示的字型設定

字形的選用,總是網頁設計師的痛,不同的字型與瀏覽器,呈現的效果不同,除了一般pc上的IE6/IE7/IE8/Firefox,尤其是現在各種狀置都能上網,手持裝置上常見的Opera mini/safari/海豚…,可以連結網站的瀏覽器又有一堆,字型的選用不可不慎。

網路上有人整理相關的字型設定,我把它轉給過,給需要的網頁設計師參考。font-family: Arial, Helvetica, sans-serif;
font-family: ‘Arial Black’, Gadget, sans-serif;
font-family: ‘Bookman Old Style’, serif;
font-family: ‘Comic Sans MS’, cursive;
font-family: Courier, monospace;
font-family: ‘Courier New’, Courier, monospace;
font-family: Garamond, serif;
font-family: Georgia, serif;
font-family: Impact, Charcoal, sans-serif;
font-family: ‘Lucida Console’, Monaco, monospace;
font-family: ‘Lucida Sans Unicode’, ‘Lucida Grande’, sans-serif;
font-family: ‘MS Sans Serif’, Geneva, sans-serif;
font-family: ‘MS Serif’, ‘New York’, sans-serif;
font-family: ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif;
font-family: Symbol, sans-serif;
font-family: Tahoma, Geneva, sans-serif;
font-family: ‘Times New Roman’, Times, serif;
font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
font-family: Verdana, Geneva, sans-serif;
font-family: Webdings, sans-serif;
font-family: Wingdings, ‘Zapf Dingbats’, sans-serif;

原文出處:http://www.fonttester.com/help/list_of_web_safe_fonts.html

4 thoughts on “可以在各種瀏覽器順利顯示的字型設定

  • 2010 年 09 月 05 日 at 20:44:57
    Permalink

    最近心情特好,發那麼多文

    Reply
    • 2010 年 09 月 06 日 at 06:59:42
      Permalink

      別這麼說 這表示 最近我都不務正業 沒有認真的在賺錢
      你咧~這麼有空過來逛

      Reply
    • 2010 年 09 月 17 日 at 23:50:48
      Permalink

      順手轉貼,歡迎使用
      因為我自己也會處理一些網頁
      有用到,所以貼回來

      Reply

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *