Question

我阅读了很多关于如何将字体安装到服务器的线程，大多数都看起来像这样

@font-face {
font-family: 'Raspoutine Medium';
  src: url(fonts/Raspoutine Medium.ttf);
}

body {
font-family: 'Raspoutine Medium', Arial, Helvetica, san-serif;
}

仅包含1个网址。但问题是我的字体系列有20种不同的OTF文件（浅色，普通，书籍，中，重，黑等）。那么如何在服务器上安装所有这些并参考所有这些呢？非常感谢你的帮助。

Answer 1

最好的方法是创建不同的font-weight和font-style组合。

@font-face {
    font-family: 'Raspoutine';
    font-weight: 600;
    font-style: normal;
    src: url(fonts/Raspoutine Medium.ttf);
}
@font-face {
    font-family: 'Raspoutine';
    font-weight: 400;
    font-style: normal;
    src: url(fonts/Raspoutine Normal.ttf);
}
@font-face {
    font-family: 'Raspoutine';
    font-weight: 100;
    font-style: normal;
    src: url(fonts/Raspoutine Light.ttf);
}
@font-face {
    font-family: 'Raspoutine';
    font-weight: 100;
    font-style: Italic;
    src: url(fonts/Raspoutine Light Italic.ttf);
}

嗯，你明白了。有关数字font-weight值的更多信息，请访问MDN

安装多个字体到服务器

1 个答案: