Как получить фактический шрифт, который персонаж использует на веб-странице

Question

Во-первых, я знаю такие:

• @ font-face и диапазон Юникода ,
• CSS Модуль шрифтов Уровень 3 - 5.2. Соответствующие стили шрифта
• FontForge (бесплатный, редактор шрифтов с открытым исходным кодом) для создания собственных символов ( Персональные символы ) в Приват Используйте область . (PS: кажется, что файлы разметки в VSCode не могут загружать символы частного использования в ttf, но в woff.)
• Редактор личных символов (eudcedit.exe) в windows для настройки редко используемых китайских символов (не включен в стандарт Unicode). Это просто, но мне не кажется, получить сохраненный файл .

Я примерно понимаю правило выбора шрифта для данного символа. Однако, если произошел сбой, при обращении к CSS Web Safe Fonts из ОС ( системный шрифт откат ), как я могу узнать, какой шрифт выиграл в итоге?

Я использовал Chrome и выбор шрифта влияет на печать.

Приведенный ниже код (или откройте вкладку «Элемент» в Chrome devtool, выберите «Вычислено» и установите флажок «показать все») - это не то, что мне нужно, потому что он выводит font-family:"Times New Roman"; для китайских иероглифов.

/*
reusable code to get the property value of any element with an id

call the function, passing in element id and the style property that
you want to know
*/

function getStylePropertyValue(elemId, prop) {
  var elem = document.getElementById(elemId);
  return window.getComputedStyle(elem).getPropertyValue(prop);
}

//getComputedStyle(temp1).getPropertyValue('font-family');

Демо

Answer 1

Я думаю, что FontFaceSet.check () может быть вариантом.

вы можете знать, какой шрифт доступен или нет.

FontFaceSet.check ()