@font-face, не работая над клиентским сайтом?
Это - код CSS
@font-face {
font-family: 'FuturaStdBook';
src: url('site/font-face/futurastd-medium-webfont.eot');
src: local('☺'), url('site/font-face/futurastd-medium-webfont.woff') format('woff'), url('site/font-face/futurastd-medium-webfont.ttf') format('truetype'), url('site/font-face/futurastd-medium-webfont.svg#webfont') format('svg');
font-weight: normal;
font-style: normal;
}
h2 {font-family:'FuturaStdBook', sans-serif}
Это может быть связано для имитирования типа?
Как я могу удостовериться, что мой путь является правильным?
3 ответа
Если вы используете IIS, вам нужно зарегистрировать MIME-тип для расширения .eot.
- В IIS Manager в разделе IIS откройте конфигурацию MIME Types
- В разделе "Actions" нажмите "Add..."
- Введите
.otfв поле extension иapplication/octet-streamв поле MIME type. - Нажмите OK
Вам нужно будет сделать это для каждого нестандартного расширения, которое вы используете (.ttf уже зарегистрировано, .woff - нет), но это должно помочь!
Попробуйте использовать Font Squirrel , чтобы получить пуленепробиваемое объявление CSS для вашего пользовательского шрифта.
Проблема заключается в определениях font-weight и ] font-style в объявлении font-face. Поскольку элементы h2 по умолчанию определены в жирным шрифтом , объявление font-face для них не учитывается. элементов (поскольку браузер считает, что файл шрифта имеет размер только для нормального веса , что, скорее всего, верно).
Решение: вам нужно второе объявление font-face с font-weight : bold в нем или вы устанавливаете элементы h2, чтобы иметь font-weight: normal и font-style: normal .