@ font-face проблема - гарнитура не выглядит так же, как в комплекте

Question

@ font-face проблема - гарнитура не выглядит так же, как в комплекте

0

Это сводит меня с ума. Я побежал по тонкому шрифту района через @font-face и получил комплект, однако он не выглядит вполне правильным по сравнению с комплектом. Я следил за процессом правильно, потому что другие шрифты, которые я использовал, все отображались правильно. Что я делаю не так? Я заметил, что "&" тоже не выглядит правильным. Вот пример моего кода.

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

}

h2 { font-size: 8.9em; font-family: district_prothin, sans-serif; font-weight: normal; text-align: center; }

user3088753 10 дек. 2013, в 23:50

Источник

0

что говорит ваша консоль браузера? Есть какие-либо предупреждения об отказе от загрузки шрифтов?
Mike 'Pomax' Kamermans 10 дек. 2013, в 23:02

Теги:

html

css

css3

font-face

1 ответ

Ещё вопросы

что говорит ваша консоль браузера? Есть какие-либо предупреждения об отказе от загрузки шрифтов?

Max Girkens · Answer 1 · 2013-12-10T19-56-00.000Z

У вас есть такой шрифт, установленный на вашей локальной машине с тем же именем, случайно? Если да, попробуйте переименовать семейство шрифтов (как объявление, так и использование)...

@font-face {
  font-family: 'Some Random Name';

  /* ... */

font-family: 'Some Random Name', sans-serif;

В противном случае, возможно, взгляните на это сообщение в блоге http://www.paulirish.com/2009/bulletproof-font-face-implementation-syntax/. попробуйте встроить свой шрифт так. Работает для меня все время...

@font-face {
  font-family: 'Graublau Web';
  src: url('GraublauWeb.eot');
  src: local(''),
         url('GraublauWeb.woff') format('woff')

Пробовал это, но все еще не работает. Просто кажется странным, что он отлично работает в демоверсии набора, но не в моем коде. Другие шрифты, которые я использовал в @ font-face, выглядят нормально?