當我們在開發一個網頁時，想要給頁面添加特定的字體，除了使用系統默認字體外，還可以通過引入字體文件的方式來實現。

其中，OTF（OpenType Font）是一種字體文件格式，與 TTF 格式類似，但可以支持更多的字形及字符編碼，因此使用 OTF 格式的字體文件更加靈活，同時也適用于手機和其他移動設備。

<style>
@font-face {
font-family: 'MyFont';
src: url('./fonts/MyFont.otf') format('opentype');
}
p {
font-family: 'MyFont', sans-serif;
}
</style>

上述代碼中，我們首先通過@font-face規則定義了一個名為MyFont的自定義字體，在src屬性中指定了字體文件的路徑和格式（這里是OTF格式）。

接下來，我們在p標簽中，使用font-family屬性來引用這個自定義字體。

這樣，在頁面中，我們就能夠看到使用自定義 OTF 字體的效果了。