Question

我试图将浏览器设置为使用Quicksand字体，我直接从同一文件夹中的文件中提取该字体。当我按如下方式格式化代码时，浏览器使用Quicksand字体：

@charset "utf-8";
@font-face {
    font-family: Quicksand;
    src: url('Quicksand-Regular.woff') format ('woff'),
         url('Quicksand-Regular.tff') format('truetype');
}
h1, h2 {
    font-family: Quicksand;
}

当我为font-family添加更多选项时，浏览器默认使用sans-serif字体，而不是使用Quicksand字体。

@charset "utf-8";
@font-face {
    font-family: Quicksand;
    src: url('Quicksand-Regular.woff') format ('woff'),
         url('Quicksand-Regular.tff') format('truetype');
}
h1, h2 {
    font-family: Quicksand, sans-serif;
}

我试图让浏览器默认使用Quicksand字体，并使用sans-serif作为作业的备份，我无法弄清楚我在上面的代码中做错了什么。

Answer 1

使用font-family属性设置文本的字体系列。

font-family属性应该包含多个字体名称作为“后备”系统。如果浏览器不支持第一种字体，它会尝试下一种字体，依此类推。

从您想要的字体开始，以一般系列结尾，如果没有其他字体可供浏览器选择通用系列中的类似字体。

注意：如果字体系列的名称不止一个字，则必须使用引号，例如“Times New Roman”。

以逗号分隔的列表中指定了多个字体系列：

p {
    font-family: "Quicksand", sans-serif;
}

font-family浏览器选择

1 个答案: