在編寫網頁時，我們通常會使用CSS來設置頁面的外觀。字體在網頁設計中扮演了非常重要的角色，它可以直接影響到用戶的閱讀體驗。當我們想要使用非系統默認字體時，就需要使用外部字體。

@font-face {
font-family: myFont;
src: url(fonts/myFont.ttf); /*字體文件路徑*/
}

以上代碼表示聲明了一個名為myFont的字體家族，并且它的源文件地址為fonts/myFont.ttf。接下來，我們需要通過選擇器來將這個字體家族應用到需要的元素上。

p {
font-family: myFont, sans-serif;
}

在上述代碼中，我們將myFont字體家族應用到所有p元素上，如果瀏覽器無法找到這個字體文件，會自動回退到sans-serif字體。

除了使用.ttf格式的字體文件，我們還可以使用其他格式的字體文件，如.woff、.eot和.svg。這些不同格式的字體文件在不同瀏覽器上有不同的兼容性，需要根據實際情況做出相應的調整。

通過使用外部字體，我們可以使網頁的字體更加豐富多樣，實現更好的頁面視覺效果，同時也可以增強用戶的閱讀體驗。