自定義字體適用於桌面瀏覽器而非移動設備

Question

我想在我正在處理的網站中添加自定義字體。當我去測試它時，它在我的Macbook上渲染得很好，但不是我的iPhone。

我已經宣佈他們在我的stylsheet這樣的：

@font-face { 
font-family: JosenfinSans; 
src: url("./fonts/JosenfinSans-Bold.ttf") format("truetype"); 
font-weight: bold; } 

有什麼，我已經做錯了嗎？

Answer 1

看起來你是從你的手提電腦上沒有的本地目錄加載字體。建議你從谷歌字體https://www.google.com/fonts#UsePlace:use/Collection:Josefin+Sans來源。這樣它應該適用於所有設備。