html怎么引入多个字体文件,css – 如何为同一个字体添加多个字体文件？

解决方案似乎是添加多个@ font-face规则，例如：

@font-face {

font-family: "DejaVu Sans";

src: url("fonts/DejaVuSans.ttf");

}

@font-face {

font-family: "DejaVu Sans";

src: url("fonts/DejaVuSans-Bold.ttf");

font-weight: bold;

}

@font-face {

font-family: "DejaVu Sans";

src: url("fonts/DejaVuSans-Oblique.ttf");

font-style: italic, oblique;

}

@font-face {

font-family: "DejaVu Sans";

src: url("fonts/DejaVuSans-BoldOblique.ttf");

font-weight: bold;

font-style: italic, oblique;

}

顺便说一下，似乎谷歌浏览器不知道格式(“ttf”)参数，所以你可能想跳过那个。

(这个答案对于CSS 2规范是正确的，CSS3只允许一个字体样式，而不是一个逗号分隔的列表。)