CSS - 使用正確的本地字體名

我似乎無法找到下面的一個明確的答案......CSS - 使用正確的本地字體名

作爲一個小的優化技術我要服務「艾文莉下一步 - 常規」字型本地通過CSS（所以如果用戶在本地使用這種字體，它將使用它而不是下載woff2/woff/etc）。

這個字體，例如，自從版本6以來一直在IOS，所以這是一個快速的勝利。

但我不知道如何指定本地字體名稱在CSS堆棧？我需要經常這個詞嗎？有沒有可以幫助你的項目？

@font-face { 
    font-family: 'Avenir'; 
    src: local("Avenir Next Regular"), /* THIS? */ 
     local("Avenir-Next-Regular"), /* THIS? */ 
     local("Avenir-Next"),   /* SOMETHING ELSE? */ 
     url('/fonts/AvenirNextLTW04Regular.woff2') format('woff2'), 
     url('/fonts/AvenirNextLTW04Regular.woff') format('woff'), 
     url('/fonts/AvenirNextLTW04Regular.ttf') format('truetype'); 
}

我是否需要指定字體重量以獲得「常規」版本？然後在devtools中有一種方法來查看它是否有效？我認爲沒有看到對外部字體文件的調用意味着成功？

乾杯， A.

來源

2016-02-25 Adi

當你不想讓用戶下載的字體，讓它使用「艾文莉下一步 - 常規」的字體，你應該首先把這個字體一致的字體-宣言。看看你自己的字體的確切名稱，（僅）設置：

font-family: "Avenir Next - Regular", Arial, Helvetica, "sans-serif";

但檢查「艾文莉下一步 - 定期」是如此廣泛的本地可用的（不太可能，因爲它是一個昂貴的字體）。

來源

2016-02-25 23:56:33

艾文莉其次是因爲iOS6的和最近的OSX版本 – Adi

系統字體IOS是在2015年全部使用的操作系統 –

的1/3正確的字體名稱是「 Avenir Next - Regular「 –

您應該使用字體文件中定義的正確字體名稱。如果你在Windows上，你可以安裝微軟的Font properties extension。安裝後，只需右鍵單擊字體文件並選擇屬性。在那裏你會發現字體的信息額外的標籤。其中一個將顯示字體名稱。

我想這會是這樣：

@font-face { 
    font-family: 'Avenir Next - Regular'; 
    src: local('Avenir Next'), 
     url('/fonts/AvenirNextLTW04Regular.woff2') format('woff2'), 
     url('/fonts/AvenirNextLTW04Regular.woff') format('woff'), 
     url('/fonts/AvenirNextLTW04Regular.ttf') format('truetype'); 
}

來源

2016-02-26 00:12:49

正確的字體名稱是「Avenir Next - Regular」 –

感謝您的糾正。我沒有字體，所以我只是猜測... –

CSS - 使用正確的本地字體名

回答

相關問題