Ошибка импорта шрифта через CSS

Question

В настоящее время я пытаюсь импортировать шрифт с помощью элемента CSS @ font-face, но он не работает / не отображается. Это шрифт Francaise от Dafont.com, он находится в папке css с таблицей стилей, но не изменит мой шрифт заголовка на нужный шрифт.

Я уже пробовал искать в стеке похожие запросы, но каждая попытка тщетна.

@font-face {
    font-family: 'Francaise';
    src: local('Francaise Regular Demo.ttf') format('truetype');
}

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

Answer 1

сначала проверьте

Поддержка браузера для форматов шрифтов

используйте src для шрифта

@font-face {
   font-family: myFirstFont;
   src: url(sansation_light.woff);
}

* {
   font-family: myFirstFont;
}

Вы можете сослаться на сайт http://fontsforweb.com/index.php

Answer 2

Вы должны использовать @font-face url без добавления пробела.Просто переименуйте ваш шрифт и попробуйте следующую структуру.

@font-face {
  font-family: 'Francaise';
  font-style: normal;
  font-weight: 400;
  src: url('francaise-regular-demo.ttf'); /* IE9 Compat Modes */
  src: local('Francaise Regular Demo'), local('Francaise Regular Demo'),
       url('francaise-regular-demo.ttf') format('truetype');
}

Используйте font-family: 'Francaise'; в вашем CSS.