如何指定「粗體」應該是「Avenir Heavy」而不是「Avenir Black」？

我需要使用Avenir字體發送HTML格式的電子郵件（如果它存在於操作系統中）。其中兩個字體的重量是重和黑（後者是最重的重量）。我希望郵件客戶端使用Avenir Heavy來顯示粗體文本，但他們使用的是Avenir Black。如何指定「粗體」應該是「Avenir Heavy」而不是「Avenir Black」？

在我的HTML我有一個<style type="text/css">標籤具有：

body { 
    font-family: Avenir, Helvetica, Arial, sans-serif; 
} 
.font_h1 { 
    font-weight: bold; 
}

當我在桌面瀏覽器（火狐，Chrome或Safari）打開我的HTML文件，它使用艾文莉重爲粗體字。但是，當我通過電子郵件發送並在Mac Outlook 2016或iOS 10的郵件客戶端中查看它時，它們會顯示帶有Avenir Black的粗體字體，這是一種更重的字體。如果我將font-weight指定爲bolder，則會發生同樣的情況。

奇怪的是，如果我說：

body { 
    font-family: Avenir Heavy; 
}

那麼頁面仍然由桌面瀏覽器渲染與艾文莉中，與重金屬艾文莉用於大膽。

我不認爲@font-face是我的答案，因爲我沒有從URL加載字體。

如何告訴瀏覽器或郵件客戶端專門使用Avenir Heavy作爲大膽的權重？

來源

2017-03-02 Brian Kendig

你可以嘗試將重字體添加到類名稱中，並將該類名稱添加到所需的元素中。 – Toxide82

將'font-family：Avenir，Helvetica，Arial，sans-serif;'添加到'.font_h1' CSS規則中。或者做@ Toxide82建議的東西，並製作'font-family：Avenir;'一個單獨的類，並將該類添加到'.font_h1'元素中。不要相信電子郵件客戶端繼承'body' CSS規則中的'font-family'，並明確聲明它。 –

@ Toxide82：在Firefox中，我直接在元素上指定'style =「font-weight：normal; font-family：Avenir Black;」'，但它被渲染爲Avenir Medium。指定'style =「font-weight：bold; font-family：Avenir Black;」'給我Avenir Heavy。 –

我想你需要明確地打開字體（使用字體處理應用程序，如fontforge）並檢查它屬於哪個家族。然後使用這個姓氏，你會安全的。另外，如果你要得到準確的重量，使用編號值，如

400正常
700大膽
900黑
等

來源

2017-03-02 15:59:11

如何指定「粗體」應該是「Avenir Heavy」而不是「Avenir Black」？

回答

相關問題