Как управлять высотой строки шрифта?
Добрый день.
Возникла проблема с подключением шрифта HelveticaNeueCyr (перепробовал множество пакетов со шрифтами). По не понятной для меня причины шрифт не хочет вставать по середине строки.
Никакие манипуляции через css не помогают добавить нужного эффект (текст в центре строки по вертикали).
Подскажите, в какую сторону смотреть (не может же быть чтобы десятки архивов были кривые)?
ps С остальными шрифтами на данном проекте проблем никаких не возникло;
Дополнительно:
а текст написан КАПСОМ? если да, то посмотрите как оно выглядит без него
Ответы:
Это шрифт такой, кривой) Бывает.
Могу предложить только padding-top для таких элементов добавлять или position: relative; top: 2px; например.
- В демо-файле архива такой проблемы нет
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для управления высотой строки шрифта веб-страницы вы можете использовать свойство CSS line-height. Это свойство позволяет установить высоту строки текста, которая будет применяться ко всем строкам внутри указанного элемента.
Пример использования line-height в CSS:
p { line-height: 1.5; /* Устанавливаем высоту строки в 1.5 */ }
В данном примере мы устанавливаем высоту строки текста в 1.5, что означает, что высота строки будет равна 1.5 раза высоте шрифта. Вы также можете использовать абсолютные значения, например пиксели или проценты.
Также можно использовать относительные значения, например em. Например, если у вас есть элемент с шрифтом размером 16 пикселей, вы можете установить line-height: 1.5em, чтобы высота строки была 1.5 раза больше шрифта, то есть 24 пикселя.
Если вам нужно установить разную высоту строки для разных элементов, вы можете применить это свойство к каждому элементу отдельно или использовать классы.
Надеюсь, это поможет вам управлять высотой строки шрифта на вашей веб-странице. Если у вас возникнут дополнительные вопросы, не стесняйтесь задать их.