在網頁設計中，字體的選擇是非常重要的一環，尤其是在時代發展到了CSS3，我們可以指定從服務器上下載的字體到訪問用戶的電腦顯示。這篇文章將介紹CSS3中如何使用服務器上的字體，并為您提供代碼實例。

在CSS3中，我們可以使用@font-face規則來使用服務器上的字體。以下是基本的@font-face語法：

@font-face {
font-family: "FontName";
src: url("http://server/fontname.woff") format("woff");
}

這段代碼指定了一個字體文件，文件名為“fontname.woff”。字體文件可以是TrueType、OpenType、Web OpenFont Format（WOFF）等格式。我們把這個字體定義為“FontName”。

接著，我們可以在其他css規則中使用該字體：

h1 {
font-family: "FontName", sans-serif;
}

這段代碼將h1元素的字體指定為“FontName”。如果該字體不可用，瀏覽器就會使用一個其他可用的sans-serif字體。

請注意，服務器上的字體可能并不是免費的。一些字體需要您擁有字體許可證才能在網頁上使用。

此外，使用服務器上的字體會增加網頁的加載時間和帶寬。因此，我們需要確保字體文件足夠小，以便能夠快速下載。我們可以使用壓縮工具來減小文件大小，如woff2或zopfli。

我們希望這篇文章可以幫助您了解如何使用服務器上的字體。祝你在網頁設計的路上越走越遠！