這個字體是否會被所有人看到？

我正在嘗試使用名爲BebasNeue Regular的自定義字體，我計劃將我的網站放在網上，以便它不僅可以在本地PC上顯示。我用下面的CSS導入字體：這個字體是否會被所有人看到？

@font-face { 
    font-family:BebasNeue Regular; 
    src:url("BebasNeue Regular.ttf"); 
} 

    .text h1 { 
     margin:auto; 
     text-align:center; 
     font-size:15vw; 
     text-transform:uppercase; 
     font-family:BebasNeue Regular; 
    }

此字體是否會被其他人看到？

來源

2017-10-20 Moze

font-family屬性可以將多個字體名稱作爲「後備」系統。如果瀏覽器不支持第一個字體，它會嘗試下一個字體。因此，只需在自定義字體後面添加一個通用的系列名稱，例如「Serif」即可。 – tommyO

所以如果其他人有一個支持它的瀏覽器，他們會看到它？即使他們的電腦上沒有.ttf文件？你能告訴我如何在代碼中使用谷歌字體作爲回退嗎？ – Moze

@Tommy O對於「fallback」系統是正確的。如果您只有ttf版本，則應使用Online Font Converter創建具有所需格式的字體文件。最終產品還將爲您提供一個示例css文件，向您展示如何正確應用它們。在你的情況下，它應該是這樣的：

@font-face { 
    font-family:'BebasNeue Regular'; 
    src: url('BebasNeue Regular.eot'); 
    src: url('BebasNeue Regular.woff') format('woff'), 
     url('BebasNeue Regular.ttf') format('truetype'), 
     url('BebasNeue Regular.eot?#iefix') format('embedded-opentype'); 
}

來源

2017-10-20 17:14:06

1）對於在其中有一個空間的字體名稱，使用引號：

@font-face { 
    font-family:"BebasNeue Regular"; 
    src:url("BebasNeue Regular.ttf"); 
} 

.text h1 { 
    margin:auto; 
    text-align:center; 
    font-size:15vw; 
    text-transform:uppercase; 
    font-family:"BebasNeue Regular"; 
}

但我居然懷疑的專題信託基金的文件字體在其名稱中有一個空格（如上面所寫），所以您最好檢查一下，如果它的確如此，請用BebasNeue_Regular.ttf之類的下劃線替換空格（文件名中的空格）。

2.）如果字體文件與您的html或php文件（即網頁本身）在同一目錄中（在服務器上），則此代碼纔有效。

來源

2017-10-20 17:19:07 Johannes

這個字體是否會被所有人看到？

回答

相關問題