Столкнулись с проблемой, что андроид увеличивает шрифты?
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.
: ID: 1447 06/02/2016 18:07
С последним апдейта эта схема перестала работать.
ответить
Понравилось? Да 0 / Нет 0