CSS шрифта не отображается в HTML

Question

Я перепробовал много способов и шрифтов, но все еще не работает CSS

@font-face {
    font-family: 'veteran_typewriterregular';
    src: url('veteran_typewriter-webfont-webfont.eot');
    src: url('veteran_typewriter-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('veteran_typewriter-webfont-webfont.woff2') format('woff2'),
         url('veteran_typewriter-webfont-webfont.woff') format('woff'),
         url('veteran_typewriter-webfont-webfont.ttf') format('truetype'),
         url('veteran_typewriter-webfont-webfont.svg#veteran_typewriterregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body{
    font-family:veteran_typewriterregular, sans-sarif;
}

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

Answer 1

Вы можете попробовать это решение:

@import url('https://fonts.googleapis.com/css?family=McLaren&display=swap');

body{
  font-family: 'McLaren', cursive;
}

<a> Hello, my name is Carla</a>

Если вы хотите использовать свое решение. Сначала сохраните файл шрифта в папке вашего проекта.

Answer 2

Где находятся файлы шрифтов? Попробуйте использовать абсолютный URL.

font-face {
font-family: 'veteran_typewriterregular';
src: url('https://yoursite.com/fonts/veteran_typewriter-webfont-webfont.eot');

}