css - 如果你有多种字体类型，你将如何使用@font-face？例如 Josefin Slab SemiBold 和 Josefin Slab Bold 等

Question

其次，如果我有一个字体转换器工具，可以将字体创建为不同的字体类型 otf、ttf 等，然后我尝试将字体安装到笔记本电脑上的字体文件夹中(它没有注册)，它会工作吗如果我使用@font-face 加载到 FTP。

所以问题归结为我必须为不同的类型编写不同的字体，还是有办法将它们组合起来。

Answer 1

您可以将所有不同的字体格式组合成一个@font-face。这是一个例子:

@font-face{ 
  font-family: 'font-name';
  src: url('example-font.eot');
  src: url('example-font.eot?iefix') format('eot'),
    url('example-font.woff') format('woff'),
    url('example-font.ttf') format('truetype'),
    url('example-font.svg#webfont') format('svg');
}