@ font-face не работает на клиентском сайте? - PullRequest
Новая
       14

@ font-face не работает на клиентском сайте?

5 голосов
/ 26 апреля 2010

Это код 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 ]

16 голосов
/ 05 мая 2010

Если вы используете IIS, вам нужно зарегистрировать тип MIME для расширения .eot.

  1. В диспетчере IIS в разделе IIS откройте конфигурацию MIME Types
  2. В разделе «Действия» нажмите «Добавить ...»
  3. Введите .otf в поле расширения и application/octet-stream в поле типа MIME.
  4. Нажмите OK

Вам нужно будет сделать это для каждого нестандартного расширения, которое вы используете (.ttf уже зарегистрировано, .woff нет), но это должно сделать это!

2 голосов
/ 26 апреля 2010

Попробуйте использовать Font Squirrel , чтобы получить пуленепробиваемое объявление CSS для вашего собственного шрифта.

1 голос
/ 26 апреля 2010

Проблема заключается в определениях font-weight и font-style в вашей декларации font-face. Поскольку элементы h2 по умолчанию определены в грани полужирным , объявление font-face для этих элементов не учитывается (поскольку браузер считает, что файл шрифта для нормального взвешенного значения *) 1007 * только вес, что, скорее всего, верно).

Решение: Вам нужно второе объявление font-face с font-weight: bold в нем или , для которого вы устанавливаете h2 для элементов font-weight:normal и font-style: normal.

...