CSS:后备字体

Question

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

Answer 1

你可以指定多种字体:

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

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

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

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

Answer 2

进一步提示:

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