如果我使用的是googleFonts中不存在的自定義字體，我應該爲每個字體家族指定一個不同的名稱嗎？

我使用的字體叫做DejaVuSans，它有不同的樣式（正常，粗體，斜體，...），我用乘法字體面如果我使用的是googleFonts中不存在的自定義字體，我應該爲每個字體家族指定一個不同的名稱嗎？

@font-face { 
    font-family: 'DejaVu Sans'; 
    src: url(../fonts/DejaVuSans.eot); 
     src: url(../fonts/DejaVuSans.ttf) format("truetype"), 
      url(../fonts/DejaVuSans.woff) format("woff"); 
    font-weight:normal; 
    font-style: normal; 
} 
@font-face { 
    font-family: 'DejaVu Sans'; 
    src: url(../fonts/DejaVuSans-Oblique.eot); 
     src: url(../fonts/DejaVuSans-Oblique.ttf) format("truetype"), 
      url(../fonts/DejaVuSans-Oblique.woff) format("woff"); 
    font-weight:normal; 
    font-style: italic; 
} 
@font-face { 
    font-family: 'DejaVu Sans'; 
    src: url(../fonts/DejaVuSans-Bold.eot); 
     src: url(../fonts/DejaVuSans-Bold.ttf) format("truetype"), 
      url(../fonts/DejaVuSans-Bold.woff) format("woff"); 
    font-weight:bold; 
    font-style: normal; 
} 
@font-face { 
    font-family: 'DejaVu Sans'; 
    src: url(../fonts/DejaVuSans-BoldOblique.eot); 
     src: url(../fonts/DejaVuSans-BoldOblique.ttf) format("truetype"), 
      url(../fonts/DejaVuSans-BoldOblique.woff) format("woff"); 
    font-weight:bold; 
    font-style: italic; 
}

他們正在使用其中的一些風格現在有相同的字體系列，我怎樣才能指定我想使用哪一個？因爲在這種情況下，我將使用相同的字體家族

<div style="font-family:'DejaVu Sans'"></div>

現在哪種風格將這種字體DIV是什麼？

所以我應該使用不同的名稱爲每個字體的臉像

@font-face{ 
    font-family:'DejaVu Sans normal' 
} 
@font-face{ 
    font-family:'DejaVu Sans bold' 
} 
etc ..

來源

2017-10-07 Sam

的字體將取決於你想放什麼字體樣式或重量。

<div style="font-family:'DejaVu Sans'; font-weight: bold;"></div> 

<div style="font-family:'DejaVu Sans'; font-style: italic;"></div>

來源

2017-10-07 10:59:34 Freez

所以我應該只是使用一個@字體面與正常字體是不是粗體或斜體然後通過CSS樣式呢？ – Sam

的確，您只註冊了一種字體，即'DejaVu Sans'' – Freez

如果我使用的是googleFonts中不存在的自定義字體，我應該爲每個字體家族指定一個不同的名稱嗎？

回答

相關問題