文風字體 （Windfonts） 是文派開源的 WordPress 中國生態基礎項目之一，目前已在文派葉子 🍃（WP-China-Yes） 中集成，可以直接使用。
一、安裝插件
通過本站或者網絡下載到 文派葉子 🍃（WP-China-Yes）最新版本；啓用後可以看到文風字體設置選項。
文風字體 （Windfonts）為您的網站增添無限活力。專為中文網頁設計，旨在提升用户閲讀體驗和視覺享受
開啓文風字體定製選項後，可以選擇使用範圍和實現效果。
- 全局啓用
- 前台啓用
- 本機字體
- 不啓用
【全局啓用】 就是在前後台均可顯示文風字體，如果使用的是個性字體那麼建議是採用 【前台啓用】 就可以滿足大部分使用場景。
【本機字體】 是使用的統一中文字體 fonts.css 文件實現，無需加載外部的字體文件，而是完全調用用户電腦中的字體。
二、獲取字體
不同的字體文件需要通過 Windfonts 在線字體平台 ↗獲取。
進入到文風字體平台後，選擇需要的字體效果，然後點擊 【獲取嵌入代碼】，找到對應的免費字體嵌入代碼：
- 字體家族名稱：填入從文風字體獲取的字體家族名稱
- 字體鏈接：填入從文風字體獲取的字體 CSS 鏈接
- 字體字重：設置字體權重大小 （字體粗細）
- 字體樣式：設置字體樣式 （正常、斜體、傾斜）
- 字體應用：設置字體應用的元素 （CSS 選擇器）
- 啓用字體：是否啓用該字體
三、設置字體 CSS
這裏我們以 Google 版的思源黑體為例，將代碼放入你的 <head> 標籤內即可使用。
完整代碼如下：
<link rel="preconnect" href="https://cn.windfonts.com" />
<link rel="stylesheet" type="text/css" href="https://cn.windfonts.com/wenfeng/fonts/syhtcjk/regular/web/index.css" />
<!-- 此中文網頁字體由文風字體 （Windfonts） 免費提供，您可以自由引用，請務必保留此授權許可標註 https://wenfeng.org/license --> - 字體家族名稱：wenfeng-syhtcjk
- 字體鏈接：https://cn.windfonts.com/wenfeng/fonts/syhtcjk/regular/web/index.css
- 字體字重：保持默認
- 字體樣式：保持默認
- 字體應用：自行填入，常用的標題標籤為 h1,h2,h3,h4,h5,h6
- 啓用字體：默認啓用
當使用文派葉子插件時，只需要複製字體鏈接即可如：
https://cn.windfonts.com/wenfeng/fonts/syhtcjk/regular/web/index.css插件內已經添加了字體授權標註，無需重複添加。
保存刷新前台頁面後，就可以看到字體的應用效果。此為文風字體 Windfonts 的自建中文網絡字體源站，您可以免費使用。
