Существует ли грубое эмпирическое правило для соотношения между фактическим размером букв в рамке EM типичных шрифтов body / headline? Если бы я имел в виду желаемую высоту колпачка , на какой коэффициент я бы умножил его, чтобы в итоге получить CSS font-size, который будет визуализироваться приблизительно на этой высоте?
Для меня это имеет тенденцию появляться, когда я хочу, чтобы какой-то текст соответствовал размеру смежного изображения / lo go изображения, или когда я работаю с макетами только для изображений. Например, когда я выбираю «основную часть» текста в следующем растровом изображении, я вижу, что буквы «S» и «l» отображаются высотой 35px:
Но если бы я стилизовал этот же шрифт, используя font-size: 35px в CSS, текст обычно заканчивал бы отображением меньшего размера, потому что EM box большинства шрифтов больше, чем сам глиф. То есть font-size определяет, какой будет высота бежевого прямоугольника (показанного в приложении редактора шрифтов), не самой «буквы».
Я понимаю, что блок EM может варьироваться от шрифта к шрифту, и что шрифты для других языковых сценариев также исключают общее решение. Но, безусловно, существует «нормальное» количество (или диапазон) заполнения вокруг глифа внутри блока EM, которое типографы будут склонны использовать для «обычных» шрифтов.
Иными словами, если вы находились в ужасно торопится и нужно, чтобы слово «HELP» рендерилось с размером 100 независимо от плотности пикселей в высоту, какой первый font-size в пиксельных единицах вы бы попробовали?