如果我使用的是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 .. 

的字体将取决于你想放什么字体样式或重量。

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

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

所以我应该只是使用一个@字体面与正常字体是不是粗体或斜体然后通过CSS样式呢? – Sam

+1

的确,您只注册了一种字体,即'DejaVu Sans'' – Freez