以下是詳細方法：

?1. 使用系統默認字體?

如果只是希望指定字體，可以直接使用?font-family：

body {
? font-family: "Microsoft YaHei", "PingFang SC", sans-serif; /* 中英文適配 */
}
?

?2. 使用自定義字體（推薦方法）?

?步驟 1：準備字體文件?

• 格式支持：.ttf、.woff、.woff2（推薦?.woff2，體積更小）。
• 合法來源：確保字體有商用授權（免費字體如 ?思源黑體、阿里巴巴普惠體?）。

?步驟 2：通過?@font-face?引入

@font-face {
? font-family: "MyFont"; /* 自定義字體名稱 */
? src: url("fonts/myfont.woff2") format("woff2"), /* 優先加載 */
? ? ? ?url("fonts/myfont.woff") format("woff");
? font-weight: normal;
? font-style: normal;
? font-display: swap; /* 避免文字閃爍（異步加載時顯示備用字體） */
}
?

?步驟 3：應用字體

body {
? font-family: "MyFont", sans-serif; /* 回退到默認無襯線字體 */
}
?

?3. 使用在線字體服務?

?Google Fonts（需外網）

<!-- 在HTML頭部引入 -->
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">

<!-- CSS中使用 -->
body {
? font-family: 'Roboto', sans-serif;
}
?

?國內替代方案（如阿里巴巴普惠體）

@font-face {
? font-family: "AlibabaPuHuiTi";
? src: url("https://xxx/AlibabaPuHuiTi.woff2") format("woff2");
}
?

?4. 優化加載性能?

• ?子集化?：通過工具（如?Font-spider）提取頁面中實際用到的字符，減少字體文件體積。
• ?預加載?（提升速度）：

<link rel="preload" href="fonts/myfont.woff2" as="font" type="font/woff2" crossorigin>
?

注意事項?

1. ?版權問題?：確保字體允許網頁嵌入（查看字體許可證）。
2. ?兼容性?：
   • .woff2?支持現代瀏覽器，IE需?.eot?格式。
   • 提供多種格式的?src?以兼容舊瀏覽器。
3. ?FOIT/FOUT?：通過?font-display: swap?避免加載期間文字不可見。

?示例項目結構

項目目錄/
├── fonts/
│ ? ├── myfont.woff2
│ ? └── myfont.woff
└── style.css
?

在?style.css?中定義?@font-face?后即可全局使用