Я делал это раньше, но все еще не справился с этим.Я скачал набор шрифтов с fontsquirrel.com и попытался заставить мой собственный шрифт работать на моем сайте.Я перепробовал так много вариантов, включая «пуленепробиваемые» методы, найденные в сети, что теперь я запутался.Может ли кто-нибудь взглянуть на приведенный ниже код и показать, как правильно настроить собственный шрифт для работы на веб-сайте, используя @ font-face?
У меня есть таблица стилей с именем fonts.css в папке с именем css .Это используется для вызова пользовательского шрифта.Файлы шрифтов находятся в папке из корня с именем шрифты .
CSS для таблицы стилей шрифты :
@font-face {
font-family: 'BebasNeueRegular';
src: url('../fonts/bebasneue-webfont.woff') format('woff'),
url('../fonts/bebasneue-webfont.ttf') format('truetype'),
url('../fonts/bebasneue-webfont.webfontABYyK1dn') format('svg');
font-weight: normal;
font-style: normal;
Другие таблицы стилей для макета и т. Д. Называют шрифт следующим образом:
}
#merchandise h1 {
font-family: "Bebas Neue", Arial, Helvetica, sans-serif;
font-size: 33px;
font-weight: normal;
line-height: normal;
text-transform: uppercase;
letter-spacing: 1px;
}
Что-нибудь очевидное?Конечно, он работает локально на моей машине, потому что у меня установлен шрифт.