CSS:后备字体

时间:2011-01-12 20:56:02

标签: css fonts

我的网站使用了一种相当模糊的字体,大约有一半的电脑可以正常阅读。字体是“Lucida Console”。 在无法读取此字体的计算机上,它们显示丑陋的Times New Roman,有没有办法将我的网站字体设置为Lucida Console,但在无法读取它的计算机上,请查看Arial?使用CSS。

3 个答案:

答案 0 :(得分:52)

您可以指定多种字体:

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

浏览器将尝试第一个,如果第二个不可用,依此类推。最后它使用家族衬线,因此浏览器选择任何衬线字体。你应该使用monospace系列。

所以在你的情况下,这样的事情就是你想要的:

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

答案 1 :(得分:7)

进一步提示:

  • Google css font stack针对特定字体样式的建议字体列表。 '字体堆栈'是这些字体列表的俗名。
  • 思考跨平台。请考虑添加MacLinuxiOS,Android,Windows以及您的读者可能正在使用的其他平台上常见的字体。
  • 如果用户没有您想要的字体,请始终在字体堆栈末尾添加generic-family名称:
    • 无衬线
    • 草书
    • 幻想
    • 等宽
  • 在以多个单词命名的字体周围加引号,或者只引用所有字体名称。

答案 2 :(得分:4)

您还可以使用@ font-face为您的网站提供这种模糊的字体(如果您有合法的能力)。它很容易,甚至可以在IE6中运行:)。

在此处阅读:http://www.miltonbayer.com/font-face/