разные шрифты добавить на сайт

Question

Я хотел бы знать, как я могу позволить новым шрифтам изменять текст внутри моего draggable. Я могу только менять шрифты, используя «старые» шрифты (стандартный шрифт), я бы хотел использовать «новые шрифты» "как The Godfather, Chlorinar, Earwig Factory, отл как я могу добавить эти шрифты на свой веб-сайт, не делая пользователей, чтобы загрузить их

<select id="fs"> 
 
    <option value="Agency FB" style="font-family: 'Agency FB'">Agency FB</option> 
 
    <option value="Algerian" style="font-family: 'Algerian'">Algerian</option> 
 
    <option value="AR Berkley" style="font-family: 'AR Berkley'">AR Berkley</option> 
 
    <option value="Earwig Factory" style="font-family: 'Earwig Factory'">Earwig Factory</option> 
 
</select>

Answer 1

@font-face { font-family: SF-UI-Display-Ultralight; src: url('fonts/SF-UI-Display-Ultralight.otf'); } 

Выше приведен пример добавления шрифта в CSS. Конечно, указывая на фактический файл шрифта.

font-family: SF-UI-Display-Ultralight; 

Тогда вы можете просто добавить это в свой CSS, и вам должно быть хорошо. Помните, что вы не можете изменить шрифт тегов параметров. Я думаю, MAYBE Firefox поддерживает его, но большинство браузеров этого не делают.