Небо как небо, люди как люди...
13.08.2020/22:47
Да.
13.08.2020/22:28
Хороший ювелир не имеет национальности

ThumbnailFont 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.

 

7 января 2016 16:13

Понравилась статья? Да 1 / Нет 0

Комментарии, отзывы, мнения



Выбрать файл

: ID: 1447 06/02/2016 18:07

С последним апдейта эта схема перестала работать.

Понравилось? Да 0 / Нет 0