CSS 載入字體

你可以直接以 CSS 載入整個字體。Google Fonts。你懂的。

GET https://font.emtech.cc/css/:font:

如果已經使用 emfont.js 理論上你不需要管這個頁面手動引入 CSS！因為 emfont.js 會自動幫你載入字體。同樣的，你都用 CSS 了要 emfont.js 幹嘛？

完整字體

沒有指定字重會載入全部的。不過瀏覽器很聰明，只會載入有用到的。

<link href="https://font.emtech.cc/css/:font:" rel="stylesheet" />

<link href="https://font.emtech.cc/css/:font/:weight" rel="stylesheet" />

範例：

<link href="https://font.emtech.cc/css/jfOpenHuninn/400" rel="stylesheet" />

/400.css 或是 /400 皆可。

你可以透過參數自訂字體粗細以及包含的文字。

<link href="https://font.emtech.cc/css/:font?weight=:weight&words=:words" rel="stylesheet" />

範例：

<link href="https://font.emtech.cc/css/jfOpenHuninn?weight=400&words=神乎其技，原其事理。" rel="stylesheet" />

為你專屬切一份字體，詳見極致壓縮。只需在後面加入參數 ?min=true。適合用在 Logo 字體等會大量重複使用但用到的字很少的。

範例：

<link href="https://font.emtech.cc/css/jfOpenHuninn?weight=400&words=神乎其技，原其事理。&min=true" rel="stylesheet" />

當然，你也可以使用 @import 來載入字體。

@import url("https://font.emtech.cc/css/:font?weight=:weight&words=:words");