Установка нескольких шрифтов сервера

Question

Я прочитал много потоков о том, как установить шрифты на сервер и большинство из них будет выглядеть следующим образом

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

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

, который содержит только 1 URL. Но проблема в том, что моя семейство шрифтов имеет 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