Что не так с этими шрифтами @ font-face в IE9? - PullRequest
0 голосов
/ 30 сентября 2011

По какой-то причине, когда я смотрю эту страницу в IE9, все шрифты @ font-face выглядят намного меньше, чем должны, и, возможно, тоже похожи на другую гарнитуру.Насколько я могу судить, все в моем синтаксисе должно взаимодействовать с IE9.У других были проблемы с репликацией проблемы, так что, возможно, это что-то в моих настройках шрифтов Windows?В любом случае, если вы хотите попытаться воспроизвести то, что я вижу, я запускаю IE9 на 64-битной Windows 7.

РЕДАКТИРОВАТЬ: я не уверен, что это проблема страницы или проблема смой браузерВ любом случае, мне нужно исправить это.

Ответы [ 3 ]

0 голосов
/ 01 октября 2011

Для меня в IE9 выглядит так же, как и в других браузерах, ни один из них не использует встроенный шрифт из-за его другого имени (HelveticaMD против фактического имени, используемого в CSS, Helvetica.)

Похоже, ваш «неправильный» снимок экрана относится к браузеру, пытающемуся фактически использовать встроенный шрифт, тогда как «правильный» снимок экрана является просто шрифтом по умолчанию.Если это то, что вы хотите, просто избавьтесь от встраивания шрифтов.

0 голосов
/ 13 февраля 2013

.woff решает проблему в IE9. Я использовал .eot для Chrome и Firefox. И .woff для IE9. Теперь 3 браузера работают нормально и показывают одинаковые результаты. Ниже приведен код в CSS. @ font-face {font-family: 'cert_fonts'; формат src: url ('../ fonts / GoudyTrajan.eot') ('eot'); формат src: url ('../ fonts / GoudyTrajan.woff') ('woff'); Вес шрифта: нормальный; стиль шрифта: нормальный;}

0 голосов
/ 30 сентября 2011
@font-face {
    font-family: 'MyWebFont';
    src: url('webfont.eot'); /* IE9 Compat Modes */
    src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('webfont.woff') format('woff'), /* Modern Browsers */
         url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
    }

Пример использования:

@font-face {
   font-family: MyFont;
   src: url(http://mysite/fonts/MyFont.ttf)
      format("embedded-opentype");
 }
 p {font-family: MyFont, serif;
 }
...