Получите вычисленное семейство шрифтов в JavaScript

Это - продолжение этого вопроса.

Я работаю над компонентом для CKEditor, настроенной версии шрифта выпадающие меню, которые всегда отображают семейство в настоящее время выбранных шрифтов / значения размера, неважно, где они были определены, с помощью computedStyle и супруги.

Поскольку Вы видите в другом вопросе, определяя перекрестный браузер работ размера шрифта теперь. Теперь я испытываю затруднения при работе с fontFamily атрибут. Мой универсальный "вычисленный стиль" функция возвращает только полную строку шрифта, которая была определена, например.

Times New Roman, Georgia, Serif

То, в чем я нуждаюсь, для соответствия установке против записей в выпадающем семействе шрифтов, является названием фиксированного шрифта фактического шрифта элемента DOM, который я проверяю.

Это может быть сделано так или иначе, по крайней мере, для наиболее распространенных веб-шрифтов?

12
задан Community 23 May 2017 в 12:16
поделиться

2 ответа

Я не думаю, что есть какие-либо методы, чтобы сделать это напрямую, но Лалит Патель придумала умную технику, которая создает элемент с некоторыми буквами и угадывает шрифт по ширине элемента.

См. http://www.lalit.org/lab/javascript-css-font-detect

10
ответ дан 2 December 2019 в 21:23
поделиться

UA выбирает первый шрифт в списке, который находит установленным. Шрифты, установленные в операционной системе, на самом деле не являются частью DOM, так что лучшее, что вы можете сделать, это угадать.

.
3
ответ дан 2 December 2019 в 21:23
поделиться
Другие вопросы по тегам:

Похожие вопросы: