我想在我的網站上使用gotham字體，這不是一種網頁安全字體，所以我把字體放在名為“Gotham”的目錄中:

index.html

style.css

Gotham/Gotham-Light.otf

下面是我的CSS文件在設置字體部分的樣子:

p.gotham-thin{font-family:"Gotham-Light";}


@font-face {
font-family: Gotham-Light;
src: url('Gotham/Gotham-Light.otf')  format('opentype');
}

index.html是這樣做的:

<p style="margin-top:140px; font-size:54px;" class="gotham-thin">ABOUT DIALOGIC</p>

但是Gotham字體只能在我的谷歌Chrome電腦上使用，因為我在本地安裝了這種字體，但是當我運行一個沒有安裝這種字體的虛擬機時，它就會使用Tahoma字體。

我使用的OTF字體文件類型有問題嗎？

下面是我讓字體工作的步驟:

css中的字體優先(主css上的字體代碼) 具有font - EX: src: url(Gotham.ttf)格式的類型/格式(“truetype”) 也有多種字體支持所有的瀏覽器，就像你得到的回復一樣。 確保您的主機(本地或非本地)具有這些字體的MIME類型