Font boosting — решение проблемы для Android

Столкнулись с проблемой, что андроид увеличивает шрифты?

display: inline-block не помогло?

offsetWidth и max-height:1000000px; не работает?

< meta name="viewport" content="width=device-width, initial-scale=1" > тоже?

— Делаем следущее:

1) Берем исходный шрифт, который хотим использовать для сайта. Например, Times New Roman Regular, лежит в C:/Windows/Fonts. Лежит он там в формате тру тайп (times.ttf).

2) Далее, конвертируем его при помощи конвертера в файлы форматов .otf и .eot. На выходе должно получиться два файла: times.otf и times.eot.

Конвертеров полно в сети, гуглите: “convert ttf to otf or eot”. Есть даже он-лайн.

3) Эти файлы выкладываем на фтп в корень своего сайта (или куда следует).

4) В CSS применяем правило @font-face:

@font-face

{

font-family: shrift;

src: local("shrift"), url(/fonts/times.eot);

}

@font-face

{

font-family: shrift;

src: local("shrift"), url(/fonts/times.otf);

}

5) А в том стиле, где хотим применить этот шрифт, например в H1, пишем:

h1

{

font-family: shrift;

}

Короче, хак основан на применении font-face.