Web разработка > HTML и CSS

letter-spacing по-разному отображается на разных мониторах

(1/1)

V@L:
Добрый день!
Интересная штука со свойством css - letter-spacing. Подскажите, пожалуйста, кто знает.

Суть проблемы. На сайте (https://factum-info.net) в подвале есть лого «FACTUM-INFO». На нормальных мониторах все отображается как надо. Но на некоторых нестандартных мониторах это слово длиннее на 10px.
Чтобы на нестандартном мониторе это слово отображалось правильно, надо поставить ему letter-spacing: -1px; (по умолчанию установлено letter-spacing: 0;).
На разных компьютерах проверял через Гугл Хром. Вот такая странность…

Проверял на мониторе LG (разрешение 1920×1080) и на iPad 2017 (разрешение 2048×1536) – все нормально. Вот скрин https://prntscr.com/k7mxo4

А вот на мониторе Dell (разрешение 1920×1200) – неправильно. Вот 2 скрина с разными свойствами letter-spacing https://prntscr.com/k7mxsi, https://prntscr.com/k7mxuw.

Multiweb:
А как вы прописали  letter-spacing?? Скорее всего что он прописан как  letter-spacing: -0.1em; если да то замените его на letter-spacing: -1px; и будет счастье на вашей улице ))

Навигация

[0] Главная страница сообщений

Перейти к полной версии