如果我使用的是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>
所以我应该只是使用一个@字体面与正常字体是不是粗体或斜体然后通过CSS样式呢? – Sam
的确,您只注册了一种字体,即'DejaVu Sans'' – Freez