字體系列聲明如何在 CSS 中工作？

Question

這是我正在使用的代碼的屏幕截圖。 我想了解字體系列聲明語法以及它的工作順序

這是代碼：

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 屬性可以容納幾個 fonts。 如果瀏覽器不支持第一種字體，它會嘗試下一種字體。 如果瀏覽器支持“Segoe UI”，它將是“Segoe UI”，否則將移至下一個。

因此，作為最佳實踐，請按您需要的順序訂購 fonts。

Answer 2

字體系列從您首先輸入的字體開始按順序應用。

例如，如果用戶的 PC 沒有字體，則從一開始就按順序應用。

如果有對應的字體，則應用字體后面的 fonts 將不被應用。

如果字體名稱包含空格，請使用引號表示它是單個字體。

我的英語不好，所以我不知道我是否正確地傳遞了它，但我希望它有所幫助。