在web設計中，字體的選擇是非常重要的。好的字體可以讓你的設計更有吸引力。然而，在許多情況下，我們需要使用一些特殊的字體，但是這些字體在用戶計算機上并沒有安裝。所以，這時候CSS 自定義字體生成就派上用場了。

@font-face {
font-family: yourfont;
src: url(yourfont.ttf);
}

你可以通過指定一個@font-face屬性來創建自定義字體。這個屬性允許你將字體加載到用戶計算機上，并使用它們渲染你的網站。

在上面的代碼片段中，我們使用@font-face聲明來定義新字體。我們需要為字體提供一個名稱，所以這里我們定義了名稱為 “你的字體”（yourfont）。然后我們指定了字體文件的 URL。這個字體文件必須是 TrueType 或 OpenType 格式的。當然，你可以使用多個格式來覆蓋不同的瀏覽器。

接下來，我們需要將字體應用于某個元素。

h1 {
font-family: yourfont;
}

現在，我們的字體已經被成功加載了，并會在 h1 標題中使用。