【 CSS 】 字體 font

在這篇文章中，我們將深入探索 CSS 字體的使用、選擇最佳的 Web 字體以及如何有效整合這些字體到您的網站中。 我們會提供詳細的步驟和範例，幫助您掌握 Web 字體的技術與藝術。

CSS 字型模組定義了與字型相關的屬性以及字體資源的載入方式。 它允許你定義字型的樣式，例如其字族、大小和粗細，以及當多個字形可用於單一字元時要使用的字形變體。

因為 emfont.js 會自動幫你載入字體。 同樣的，你都用 CSS 了要 emfont.js 幹嘛？ 沒有指定字重會載入全部的。 不過瀏覽器很聰明，只會載入有用到的。 範例： /400.css 或是 /400 皆可。 你可以透過參數自訂字體粗細以及包含的文字。 範例： <link href="https://font.emtech.cc/css/jfOpenHuninn?weight=400&words=神乎其技，原其事理。 " rel="styleshee

首先，我們將從文字的部分開始。 在網頁設計中，字型滿重要的，可以為網頁增加視覺吸引力、改善閱讀體驗，並且讓所有使用者的字體體驗一致。 在這篇我們將學習字體的基本知識，以及如何在網頁中使用字體、Icon Font。

The CSS font loading module describes events and interfaces used for dynamically loading font resources.

除了使用系統預設字型，進行網頁設計時也常常會使用更多漂亮的「外部字型」，這篇教學會介紹 Google Fonts 外部字型服務，也會示範透過 CSS link 和 @import 和 @font-face 這三種方法載入外部字型。

漂亮的字體可以讓增添網頁個性及可讀性，但要注意載入外部字型 / 字體則會增加網站下載的時間，這兩者的平衡則交由網頁設計師的判斷，本篇介紹如何將外部字型載入 CSS 中