如何使用字體文件

在CSS中，使用字體文件的方法有多種，以下是一些常見的使用方法：

1、使用本地字體文件

可以通過在CSS文件中指定字體文件的路徑來使用本地字體文件。

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

上述代碼中，@font-face規(guī)則用于定義一個新的字體，font-family屬性用于設(shè)置字體名稱，src屬性用于指定字體文件的路徑，在HTML文件中，可以通過設(shè)置font-family屬性來使用該字體。

2、使用在線字體文件

除了使用本地字體文件外，還可以通過在CSS文件中指定在線字體文件的URL來使用在線字體文件。

@font-face {
  font-family: "MyFont";
  src: url("https://html4.cn/myfont.woff2");
}

上述代碼中，@font-face規(guī)則用于定義一個新的字體，font-family屬性用于設(shè)置字體名稱，src屬性用于指定在線字體文件的URL，在HTML文件中，可以通過設(shè)置font-family屬性來使用該字體。

3、使用系統(tǒng)字體文件

在CSS中，還可以通過設(shè)置font-family屬性來使用系統(tǒng)字體文件。

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

上述代碼中，body元素使用了一個名為"Arial"的系統(tǒng)字體文件，如果系統(tǒng)中沒有"Arial"字體，則會使用其他可用的無襯線字體，在HTML文件中，可以通過設(shè)置font-family屬性來使用系統(tǒng)字體文件。