Я скачал веб-шрифт, но он работает только в скобках
Итак, я скачал шрифт (легально купил) и шрифт выглядит очень хорошо. но он отображается только в скобках в режиме предварительного просмотра. когда я открываю его в хроме, он просто отказывается работать. Я следовал всем инструкциям на шрифте, когда я его купил. Может кто-нибудь мне помочь?
Это изображение отображения шрифта скобки, которое я хочу:
И это точно такой же код, когда я открываю файл index.html в Google Chrome.
Это код, который я использую для получения шрифта в CSS.
@font-face{
font-family:"Ethnocentric W05 Italic";
src:url("/fonts/MTI-WebFonts-367222846/Fonts/5118942/e91f32ff-44ec-47c0-afd3-5cdeeb6c73c8.woff2")
format("woff2");
}
а это то, что я раньше помещал в шапку
font-family: "Ethnocentric W05 Italic";
Да у меня вроде все нормально вроде должно работать.
Ответы 1
Если вы объявите пользовательский шрифт с помощью @font-face, браузер попытается подделать жирный и курсивный начертания, если не сможет их найти.
Вместо того, чтобы определять отдельные значения семейства шрифтов для каждого шрифта, вы можете использовать одно и то же имя семейства шрифтов для каждого шрифта и определить соответствующие стили, например:
[css]@font-face {
font-family: 'Ubuntu';
src: url('Ubuntu-R-webfont.eot');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Ubuntu';
src: url('Ubuntu-I-webfont.eot');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Ubuntu';
src: url('Ubuntu-B-webfont.eot');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Ubuntu';
src: url('Ubuntu-BI-webfont.eot');
font-weight: bold;
font-style: italic;
}
.test {
font-family: Ubuntu, arial, sans-serif;
}[/css]
Затем все, что вам нужно сделать, это применить это единственное семейство шрифтов к вашей цели, и любые вложенные стили полужирного или курсивного начертания будут автоматически использовать правильный шрифт и по-прежнему применять полужирный и курсивный стили, если ваш пользовательский шрифт не загружается.
Вы смотрели на консоль в инструментах разработчика вашего браузера, чтобы убедиться, что шрифт загружается нормально?