字体系列声明在 CSS 中如何工作？

Question

It's screenshot of the code I am working with. I want to understand the font-family declaration syntax and in what sequence it works

代码如下：

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
        "Helvetica Neue", Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 1.5;
    text-align: center;
    color: #333333;
    margin: 0;
}

基本上我想了解字体系列声明语法

Answer 1

font-family 属性可以容纳多种字体。如果浏览器不支持第一种字体，它会尝试使用下一种字体。 如果浏览器支持“Segoe UI”，它将是“Segoe UI”，否则移至下一个。

So as a best practice order your fonts in the order you need.

Answer 2

字体系列从您首先输入的字体开始按顺序应用。

比如用户PC没有字体，则从头开始按顺序应用。

如果有对应的字体，应用的字体后面的字体将不会被应用。

如果字体名称中包含空格，请用引号表示为单一字体。

我的英语不好，所以我不知道是否正确，但希望对您有所帮助。

字体系列声明在 CSS 中如何工作？

How font-family declaration works in CSS?

css

syntax

font-family