Какие единицы измерения для шрифтов Вы используете?

Question

[colorkid]

Всем привет. Привык размер шрифтов всегда задавать в пикселях, а тут попался проект, где 90% все размеров шрифтов заданы в em а остальные в vw.
В чем преимущества такого подхода? Вот я новый фронт пришел на проект, сразу не понятно что за этими цифрами скрывается, а на макетах вполне четкие размеры к примеру 16px.
Какие единицы для шрифтов используете Вы?

Comments

[Одиночка Айс]

Только пиксели, только хардкор!

[Сергей delphinpro]

Немного странный вопрос, на мой взгляд.
Использую все, по необходимости. Включая "экзотику" типа ch
И не только для шрифтов.

[Ankhena]

Разумеется, подходящие для каждого конкретного случая.

Answer 1

[Aetae]

Преимущества в относительности.
Достаточно поменять шрифт у корня и он поменяется везде.
Недостатки в неочевидности.
Сейчас для этих целей стоит использовать rem, оставив em только там, где он действительно удобен.

Сам использую px и постоянно откладываю на потом переход на rem.)

Answer 2

[Valeron Sergeev]

сам обычно обычно использую фиксированную в px
vw - зависит от ширины окна (т.е. текущая ширина окна = 100vw)
а про em и остальное

Эм (em): em это масштабируемая единица, которая используется для веб-документов. Один em равняется текущему размеру шрифта. Например, если размер шрифта документа 12pt, то 1em равняется 12pt. Поскольку em масштабируется, то 2em равняется 24pt, .5em равняется 6pt и т.д. Благодаря своей масштабируемости и высокой совместимости с мобильными устройствами, em все чаще используется в веб-документах.

Пиксели (px): Пиксели это единицы фиксированного размера, которые используются для всего, что читается на компьютерном экране. Один пиксель равняется одной точке на компьютерном экране (это наименьшее деление разрешения вашего экрана). Многие веб-дизайнеры используют в веб-документах пиксели, чтобы при отображении в браузере вебсайт выглядел идеально с точки зрения пикселей. Единственная проблема заключается в том, что пиксели нельзя увеличить для удобства читателей со слабым зрением или уменьшить для удобства чтения на мобильных устройствах.

Точки (pt): Точки традиционно используются в печатных изданиях (т.е. для всего, что печатается на бумаге). Одна точка равняется 1/72 дюйма. Точки очень похожи на пиксели тем, что они имеют фиксированный размер и их нельзя увеличить/уменьшить.

Проценты (%): Процент во многом похож на em, за исключением нескольких принципиальных различий. Во-первых, текущий размер шрифта равняется 100% (т.е. 12pt = 100%). Использование единицы Процент позволяет вам увеличивать/уменьшать свой текст для удобства чтения.

https://devacademy.ru/article/razmier-shriftov-v-c...

Comments

[Ankhena]

Вы дали выдержку из очччень древней статьи.
Почитайте: https://learn.javascript.ru/css-units