Как вы загружаете шрифт на свою веб-страницу (нужен ли сервер)?

Question

Я пытаюсь загрузить пользовательский шрифт на свой сайт, но продолжаю терпеть неудачу, и я не уверен, нужно ли мне добавить маршрутизацию на моем сервере, чтобы он работал (я использую флягу Python).

Шрифт в моем компьютере static/fonts/Sofia_Handwritten.otf, до запуска сервера.

И я пытаюсь получить к нему доступ:

@font-face {
    font-family: "Sofia_Handwritten";
    src: url("fonts/Sofia_Handwritten.otf");
}

#greeter {
    font-size: 50px;
    font-family: 'Sofia_Handwritten';
}

Но независимо от того, что шрифт не делает 't display.

Сервер отвечает с 200, так что он находит это очень хорошо.

Редактировать: Ошибка была в самом файле.

Answer 1

@ font-face должен быть в вашем static/fonts/Sofia_Handwritten.css.После этого вы переходите к своему HTML и добавляете что-то вроде этого:

<link href="static/fonts/Sofia_Handwritten.css" rel="stylesheet">

, и тогда вы сможете использовать свой шрифт.