CSS可以用于替代字体吗?

5

我知道在HTML中可以使用Alt属性来描述图片,但是否有办法通过CSS将其应用于文本呢?

例如:

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

如果 Lintel 在某些浏览器中显示不正常,是否有替代选项可以显示 Helvetica 或其他字体?

3个回答

10

CSS中,你可以指定一个字体族列表,浏览器会使用它支持的第一个字体。因此,如果你想在Lintel不可用时显示Helvetica,你只需要这样做:

font-family: Lintel, Helvetica;

请记住,如果字体族名称中有空格,您需要将其用双引号括起来,例如我在我的网站上使用的行:

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

还要注意,上面的示例正确地将通用选项(sans-serif)放在堆栈的最后。 - steveax

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

2
是的,你可以链接字体。
font-family: Lintel, Helvetica, Arial, sans-serif;

如果你同时定义了font-sizefont-family,我建议你使用简写版本:

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

你也可以添加更多内容:
font: (weight) (size)/(line-height) (family);

唯一需要的是大小和字体。
font: bold 30px/25px Lintel, Helvetica, Arial, sans-serif;

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接