#javascript #fonts
#javascript #шрифты
Вопрос:
Как я могу получить максимальную ширину одного символа в JavaScript? У меня есть текст, написанный неизвестным шрифтом, но я знаю, какова длина текста и размер шрифта.
Теперь я хочу получить самый большой символ в этом шрифте, чтобы я мог убедиться, что родительский элемент ( div
например, a) не слишком узкий (он имеет абсолютную ширину). Обычно самый широкий символ — это M или W, но я не уверен, возможно, есть шрифты, которые рисуют более широкие символы.
Теперь, как мне это сделать? Есть ли быстрый метод для?
Комментарии:
1. Когда вы говорите, что у вас текст «нарисован» неизвестным шрифтом, вы имеете в виду, что это изображение?
2. Нет, я имею в виду, что шрифт не задается CSS, поэтому система использует шрифт по умолчанию.
Ответ №1:
Используйте CSS width: 1em;
. em
это относительное измерение и ширина символа ‘m’
Комментарии:
1. Хорошо, я этого не знал. Но можете ли вы предположить, что «m» является самым широким символом?
2. Технически, 1em — это размер точки текущего шрифта, и в современных шрифтах это не обязательно ширина символа ‘M’, хотя это было традиционно. Нельзя предполагать, что ‘M’ является самым широким символом во всех шрифтах. На самом деле, стандартного самого широкого символа не существует. Смотрите Их в Википедии