Кроссбраузерный @font-face

Question

[Anton Essential]

Вечер добрый уважаемые.
Имею шрифт Exo2.0 я его генерировал шрифтовой белкой , так же качал пакет готовый с того же сайта ,
собственно вопрос , у меня погрешность в пиксель в браузере firefox и ie 11 в chrome good (круги белые)

Можно ли решить как то этот недочет .

Answer 1

[Борис Шепелев]

Конечно в файле стилей перед общим списком надо обнулять все!

Я подключаю шрифты через конструкцию:

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

Шрифты генерирую тут: www.fontsquirrel.com/tools/webfont-generator

The @font-face rule is supported in Internet Explorer 9, Firefox, Opera, Chrome, and Safari.
Internet Explorer 9+, Firefox, Chrome, Safari, and Opera support the WOFF (Web Open Font Format) font.
Firefox, Chrome, Safari, and Opera also support fonts of type TTF (True Type Fonts) and OTF (OpenType Fonts).
Chrome, Safari and Opera also support SVG fonts/shapes.
Internet Explorer also supports EOT (Embedded OpenType) fonts.
Note: Internet Explorer 8 and earlier versions, do not support the @font-face rule.

W3C: www.w3.org/TR/css-fonts-3

Comments

[Anton Essential]

шрифт подключен :
@font-face {
font-family: 'exo_2.0extra_light';
src: url('../font/exo2.0-extralight-webfont.eot');
src: url('../font/exo2.0-extralight-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/exo2.0-extralight-webfont.woff') format('woff'),
url('../font/exo2.0-extralight-webfont.ttf') format('truetype'),
url('../font/exo2.0-extralight-webfont.svg#exo_2.0extra_light') format('svg');
font-weight: normal;
font-style: normal;

}

[Борис Шепелев]

Не забываем о поддержки CSS3! конструкция: @font-face - это чистый CSS3. А он насколько Я помню ИЕ9 только впервые стал полноценно поддерживаться!

[Борис Шепелев]

отсюда и возможные глюки!

Answer 2

[DoRcK]

Прописывали обнуляющие стили? Смотрели из хрома что он дописывает?

Comments

[Anton Essential]

Да использую reset.css всегда

[Anton Essential]

и получается что в разных браузерах разная погрешность , может шрифт такой .

[DoRcK]

Посмотрите в хроме на эти элементы. (Просмотр кода элемента). Скорее всего хром что-то дописал своё, он это любит.