Как вы включаете альтернативы в правила @font-face?

#css #fonts #font-face

Вопрос:

Я только что купил «Маниакальный» шрифт TypeHeist, и в нем есть 3 файла WOFF с альтернативными символами. Как мне загрузить эти три, а также обычный WOFF, используя font-face, и все они будут использоваться случайным образом? Дайте мне знать, если вам понадобятся дополнительные сведения.

Ответ №1:

Вы можете использовать несколько источников для одного шрифта, подобного этому

 @font-face {
  font-family: "Manic";
  src: url("/path/to/manic-font.woff2") format("woff2"),
       url("/path/to/manic-font.woff") format("woff");
       ...
}
 

но это зависит от браузера, чтобы выбрать подходящий источник для использования, который поддерживается.
Вы можете прочитать больше о правиле @font-face здесь