OTF字體是一種現代的字體格式，它比傳統的TTF格式具有許多優點。在CSS中使用OTF字體可以讓網站的設計更加優雅和獨特。下面是如何在CSS中調用OTF字體的方法：

@font-face {
font-family: 'MyOTFFont';
src: url('myfont.otf') format('opentype');
}

在上面的代碼中，我們首先使用@font-face聲明了一個新的字體，指定了字體的名稱為MyOTFFont。接下來，我們使用src屬性指定了字體文件的路徑，并且使用format屬性指定了字體的格式為OTF。CSS解析器會根據所支持的字體格式自動選擇合適的字體文件進行加載。

在聲明了新的字體之后，我們就可以在CSS樣式中使用這個字體了：

h1 {
font-family: 'MyOTFFont', sans-serif;
}

在上面的代碼中，我們使用font-family屬性指定了標題的字體為我們所聲明的MyOTFFont字體。我們還同時指定了備用字體為sans-serif，以確保即使該字體無法正常加載，頁面的內容仍然能夠呈現。

需要注意的一點是，由于OTF字體相對較新，某些舊版本的瀏覽器可能無法支持OTF格式的字體。在使用OTF字體時，應該同時提供備選的字體格式，以確保兼容性：

@font-face {
font-family: 'MyOTFFont';
src: url('myfont.woff') format('woff'),
url('myfont.otf') format('opentype');
}
h1 {
font-family: 'MyOTFFont', sans-serif;
}

在上述代碼中，我們同時提供了OTF和WOFF兩種字體格式，以確保頁面在各種瀏覽器和設備上的兼容性。