CSS文件設(shè)置字體方法

在CSS文件中設(shè)置字體，可以通過以下兩種方式實(shí)現(xiàn)：

1、使用font-family屬性設(shè)置字體

在CSS中，可以使用font-family屬性來設(shè)置字體，該屬性接受一個(gè)或多個(gè)字體名稱作為參數(shù)，可以指定一個(gè)默認(rèn)的字體，或者指定一個(gè)字體族。

p {
  font-family: "Times New Roman", Georgia, Serif;
}

上述代碼將段落文本設(shè)置為"Times New Roman"字體，如果瀏覽器不支持該字體，則使用Georgia字體，如果瀏覽器還不支持，則使用默認(rèn)的Serif字體。

2、使用@font-face規(guī)則設(shè)置字體

除了使用font-family屬性外，還可以使用@font-face規(guī)則來設(shè)置字體，該規(guī)則允許用戶加載一個(gè)外部字體文件，并指定該字體文件的名稱和樣式。

@font-face {
  font-family: "MyFont";
  src: url("myfont.woff2") format("woff2");
}
p {
  font-family: "MyFont";
}

上述代碼將段落文本設(shè)置為名為"MyFont"的外部字體，該字體文件需要在服務(wù)器上存儲(chǔ)，并且需要在CSS文件中指定正確的路徑和格式。

需要注意的是，使用@font-face規(guī)則設(shè)置字體時(shí)，需要確保字體文件在服務(wù)器上可訪問，并且瀏覽器支持該字體文件的格式，為了提高網(wǎng)頁的加載速度，建議將字體文件壓縮并緩存到用戶的本地計(jì)算機(jī)上。