CSS中使用OTF字體的方式，其實也是一種加載字體資源的方法。OTF字體是一種較新的字體格式，其擁有更好的兼容性和更豐富的字形。如何在網頁中使用OTF字體呢？下面就讓我們來學習一下。

@font-face {
font-family: otf-font;
src: url('path/to/font.otf') format('opentype');
font-weight: normal;
font-style: normal;
}

通過CSS的@font-face規則，我們可以聲明一個OTF字體的加載方式。其中，你需要指定該字體的家族名稱（font-family），以及字體文件的路徑（src）。這里的路徑可以使用相對路徑或絕對路徑。

接下來，你可以選擇聲明字體的粗細（font-weight）和字體的樣式（font-style）。這兩個屬性的值分別為normal和italic。

下面，我們再看一個具體的例子：

body {
font-family: otf-font, sans-serif;
}

在這個例子中，給body元素設置了font-family屬性，其中第一個值是otf-font，這個值是我們在@font-face規則中定義的OTF字體名稱。如果瀏覽器支持這個字體，則會渲染使用這個字體的界面。如果不支持，就會回 fall back 到第二個值（sans-serif），到系統中查找與之匹配的字體。因為我們還聲明了一個字體格式，所以一般情況下瀏覽器都能成功加載指定字體。

總之，使用CSS加載OTF字體與其他字體的方法類似。只需要聲明一下字體路徑、字體名稱、字體樣式等信息就可以了。當然，使用OTF字體也需要考慮版權等問題，不要隨意使用他人的字體資源。