網頁字型：昭源環方

載入方式

用者可以採用以下方式載入昭源環方的網頁字型：

根據安裝頁面的指示下載字體壓縮檔並解壓縮後，WOFF2_OTF/ 及 WOFF2_TTF/ 目錄內的就是網頁字型。用家可按需要選擇使用 WOFF2/OTF (OpenType) 或 WOFF2/TTF (TrueType) 格式。

以 WOFF2_OTF/ 為例，只需載入當中的 WOFF2_OTF/css/vf.css 檔案，再指定 font-family 即可使用。

兩個 WOFF 目錄內的 demo/ 子目錄有一個 HTML 檔案，會印出所有網頁字型的覆蓋字元，作為應用示範。

本字體也有 npm 套件可供使用。

套件名稱	格式	npm 連結
chiron-go-round-tc-webfont	OpenType	連結
chiron-go-round-tc-webfont-truetype	TrueType	連結

安裝方法如下：

npm install chiron-go-round-tc-webfont

然後就可以用以下方式載入樣式檔：

@import '~chiron-go-round-tc-webfont/css/vf.css'; /* OpenType 版本 */

如果想使用 TrueType 格式則安裝有 -truetype 後綴的套件並載入。

npm install chiron-go-round-tc-webfont-truetype

@import '~chiron-go-round-tc-webfont-truetype/css/vf.css'; /* TrueType 版本 */

網頁開發者也可以利用 jsDelivr 提供的免費 CDN 服務使用昭源環方網頁字型。

字體	格式	網頁
環方	OpenType	連結
環方	TrueType	連結

使用方法如下：

前往要使用字體的 jsDelivr 網頁（參看上表）。
利用撥動開關圖示將要使用的檔案（vf.css）加入。
按下 “SHOW & CONFIGURE ALL LINKS” 按鈕，便會獲得 CSS 檔案的最佳化版本連結。注意：由於樣式表會載入另一個目錄下的字型檔案，所以不能使用將所有選取 CSS 檔合併成單一檔案的連結 (combined link)，而須逐個檔案匯入。
最後將有關連結加到網頁的 <link> 標籤，並在樣式表的 font-family 指定字體家族即可。

載入樣式表後，開發者可以在 CSS 中指定字體家族名稱、字重等屬性。範例如下：

body {
    font-family: "Chiron GoRound TC WS";

    /* 指定字重。字重值可在 200 至 900 間任意調整 */
    font-weight: 310;
}