Html 如果我'；我使用的自定义字体不'；谷歌字体不存在，我应该给每个字体系列取一个不同的名字吗？

我使用的是一种叫做DejaVuSans的字体，它有不同的样式（普通、粗体、斜体等等），我使用的是一些使用多重字体的样式

@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 style="font-family:'DejaVu Sans'; font-weight: bold;"></div>

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

那么，我应该只使用一个@font字体和普通字体（不是粗体或斜体），然后通过css设置样式吗？确切地说，您只注册了一种字体，即

“DejaVu Sans”

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

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