CSS引用字體怎么用

在CSS中引用字體，可以使用font-face規(guī)則來實現(xiàn)，該規(guī)則允許您指定字體的名稱、路徑和樣式等屬性，以便在網(wǎng)頁中使用該字體。

以下是一個簡單的示例，展示如何在CSS中引用字體：

@font-face {
  font-family: "MyFont";
  src: url("path/to/myfont.woff2"),
       url("path/to/myfont.woff"),
       url("path/to/myfont.ttf");
}

在上面的示例中，@font-face規(guī)則定義了一個名為"MyFont"的字體，并指定了該字體的路徑和格式，在CSS中，您可以使用font-family屬性來引用該字體，

body {
  font-family: "MyFont", sans-serif;
}

在上面的示例中，body元素的字體被設置為"MyFont"，如果沒有該字體，則會使用默認的sans-serif字體。

需要注意的是，引用的字體文件必須是瀏覽器支持的格式，通常可以使用.woff2、.woff或.ttf等格式，為了提高字體的加載速度和可用性，建議將字體文件放置在離用戶較近的位置，并優(yōu)化字體文件的壓縮和緩存設置。