Как подключить загруженные на хостинг шрифты к своему сайту?

Добрый день всем.
По образованию я вообще строитель, но вот меня угораздило заняться подключением шрифтов к сайту. И что-то идет не так, не могу понять что. Я расскажу пошагово какие действия cделал, может, кто-нибудь, подскажет в чем проблема у меня.

Есть бесплатный хостинг. Открыл на нем сайт. Сделала папку "fonts", в папку загрузил файл шрифта: pragmatica.ttf
Далее в файле index.html прописал такие строчки:
<style>
@font-face {
    font-family: pragmatica;
    src: url (/fonts/pragmatica.ttf); 
   }
   
p { 
    font-family: pragmatica; 
   }
</style>


Не работает. Куда двигаться?
  • Вопрос задан
  • 94 просмотра
Решения вопроса 1
подключайте шрифт в формате woff2 и woff
то есть:

@font-face {
  font-family: "pragmatica";
  font-display: swap;
  src: url("fonts/pragmatica.woff2") format("woff2"),
	   url("fonts/pragmatica.woff") format("woff");
  font-weight: 400;    
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы