Как узнать, что такое шрифт в названии веб-шрифта моего компьютера?

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

Как мне узнать, какое имя будет помещено в css font-family: fontname? Я пробовал различные варианты имени шрифта, как оно появляется в программном обеспечении, но ничего не работает.

Ответы (1)

Там может быть более простой способ, но это работает:

  1. Найдите исходный файл шрифта на своем компьютере
  2. Скопируйте имя файла (кроме расширения файла)
  3. Вставьте это (не забудьте использовать кавычки - одинарные или двойные - если он содержит пробелы)

Обратите внимание, что иногда некоторые шрифты добавляют вес шрифта к имени файла — если они это делают, 1. потрясите кулаком и рычите, затем 2. используйте эту полную строку для каждого веса без отдельного font-weight.

Например, если имя файла шрифта соответствует crazeE-font2 thin.tffвашему css, оно будет выглядеть так:

font-family: 'crazeE-font2 thin';

Как в Windows (8+), так и в Mac самый простой способ найти исходные файлы для установленных шрифтов — просто выполнить поиск «шрифтов» в обычном общесистемном окне поиска.

Я думаю, было бы полезно явно указать, где вы «вставляете это» на шаге 3.
@ZachSaucier хороший звонок, отредактировано
Не уверен, что это все еще верно, но раньше некоторые разные браузеры брали имя шрифта из разных источников. Например, некоторые шрифты было совершенно невозможно заставить работать как в Firefox, так и в Chrome, потому что Firefox принимал только имя PostScript, а Chrome — только какое-то другое имя (или, может быть, было наоборот). Если они, наконец, выбрали путь, который все принимают сейчас, это хорошая новость.