2011-01-12 144 views
21

我的網站使用的字體比較模糊,大約有一半的電腦可以正常讀取。字體是「Lucida控制檯」。 在無法讀取此字體的計算機上,它們會顯示醜陋的Times New Roman,有沒有辦法將我的網站的字體設置爲Lucida Console,但是在無法讀取它的計算機上,請查看Arial?使用CSS。CSS:回退字體

+3

你說的這個「比較晦澀的字體」?它包含在每個Windows副本中。 – 2011-01-12 21:04:11

+0

不知道爲什麼它只顯示在某些電腦(所有窗口) – dukevin 2011-01-12 21:06:06

+0

哦,我的錯誤,字體名稱是「ocr a std」 – dukevin 2011-01-12 21:08:12

回答

45

可以指定多個字體:

p{font-family:"Times New Roman", Times, serif;} 

瀏覽器將嘗試的第一個,如果沒有可用的第二個,依此類推。最後它使用家庭襯線,因此瀏覽器選擇了任何襯線字體。你應該使用等寬系列。

所以你的情況,像這樣的財產以後是你想要什麼:

p{font-family:"Lucida Console", "Courier New", monospace;} 
4

您也可以起到與您的網站不起眼的字體使用@字體面(如果你能夠合法地)。這很容易,即使在IE6中也能正常工作:)。

讀到它在這裏:http://www.miltonbayer.com/font-face/

4

進一步提示:

  • 谷歌css font stack旨在以特定風格字體的字體的建議名單。 '字體堆棧'是這些字體列表的通俗名稱。
  • 想想跨平臺。考慮添加Mac,Linux,iOS,Android,Windows以及您的讀者可能使用的其他平臺上常見的字體。
  • 始終包含在您的字體堆的情況下,端部的generic-family名的用戶現在沒有你的期望字體:
    • 襯線
    • 無襯線
    • 草書
    • 幻想
    • 等空間
  • 在引用以多個單詞命名的字體或引用所有字體名稱時引用引號。