CSS可以用于替代字体吗?

时间:2011-11-18 18:57:19

标签: css fonts

我知道Alt用于HTML中的图像,但是有没有办法通过CSS将它应用到文本中?

示例:

input { color: #62161e; font-size: 25px; font-family: Lintel; }

所以说Lintel在某些浏览器中无法正常显示。是否有alt选项显示Helvetica或其他什么?

3 个答案:

答案 0 :(得分:7)

在CSS中,您可以指定要遵循的字体系列列表,浏览器将使用它支持的第一个字体系列。因此,如果您想要显示Helvetica,如果Lintel不可用,您只需执行此操作:

font-family: Lintel, Helvetica;

请记住,如果字体系列中有空格,则需要用双引号将其括起来,就像我用于网站的行一样:

font-family: "Segoe UI", Arial, Helvetica, sans-serif;

答案 1 :(得分:2)

是的,你可以链接字体。

font-family: Lintel, Helvetica, Arial, sans-serif;

如果您同时定义font-sizefont-family,建议您使用速记版本:

font: 25px Lintel, Helvetica, Arial, sans-serif;

您也可以添加更多内容:

font: (weight) (line-height)/(size) (family);

唯一需要的是尺寸和家庭。

font: bold 30px/25px Lintel, Helvetica, Arial, sans-serif;

答案 2 :(得分:2)

您可以提供多种字体,浏览器将选择第一种可用字体。