Какво е тестер на шрифтове?

Тестерът на шрифтове е инструмент, който ви позволява да преглед как изглежда един шрифт, преди да го използвате в дизайн или уебсайт. Вместо да инсталирате шрифт в операционната си система или да го вграждате в проект, можете да го заредите директно в браузъра и да видите точно как се изобразяват букви, цифри и символи. Това е особено полезно при оценка на персонализирани или непознати шрифтове, тъй като визуалният характер на един шрифт — неговите пропорции, тегло, разстояние и ритъм — могат да бъдат преценени само в контекст с реален текст.

Съвременните браузъри предоставят FontFace API, което позволява регистриране на шрифт от локален файл и прилагането му към всеки елемент на страницата без качване на нещо на сървър. Всичко изобразяване се случва локално, така че файлът на шрифта никога не напуска вашето устройство.

Описание на инструмента

Този тестер на шрифтове ви позволява да качите файл на шрифт (TTF, OTF, WOFF или WOFF2) и незабавно да го преглед с напълно персонализируеми настройки на типографията. Можете да регулирате размер, височина на редовете, разстояние между букви, разстояние между думи, тегло, стил, подравняване и цветове, след което да видите резултата изобразен живо в множество образци — примерен текст, пълна азбука, цифри, символи и скала на размерите — за да оцените шрифта от всеки ъгъл.

Шрифтът се зарежда изцяло в браузъра; не е необходимо качване, акаунт или инсталация.

Примери

Вход: Персонализиран файл .woff2 плюс примерния текст The quick brown fox jumps over the lazy dog.

Изход: Живо предварителен преглед на това изречение, изобразено в качения шрифт при избрания размер, тегло и разстояние, плюс отделни панели, показващи главната азбука, малката азбука, цифри, символи и същата панграма повторена при 12, 16, 20, 24, 32, 48, 64 и 96 пиксела.

Функции

  • Локално зареждане на шрифтове: Пуснете файл TTF, OTF, WOFF или WOFF2 и видете го приложен незабавно
  • Пълни контроли на типографията: Регулирайте размер на шрифта, височина на редовете, разстояние между букви, разстояние между думи, тегло, курсив и подравняване
  • Персонализация на цветовете: Изберете цветове на текста и фона, за да тествате контраст и комбинации, съответстващи на марката
  • Множество образци: Преглед на шрифта с персонализиран текст, пълна азбука, цифри, символи и скала на размерите
  • Приятелски към поверителността: Файловете се обработват в браузъра ви и никога не се качват на сървър

Случаи на употреба

  • Оценка на закупен или изтеглен шрифт: Опитайте един шрифт при различни размери, тегла и цветове, преди да го използвате в марка или проект
  • Тестване на изобразяване на уебшрифтове: Проверете как файл .woff2 действително се показва в браузъра, включително кернинг, разстояние и курсив стил
  • Проектиране на типография за уебсайт или приложение: Итерирайте бързо върху размер на шрифта, височина на редовете и разстояние между букви, за да намерите правилната комбинация

Поддържани формати

  • TTF (TrueType Font)
  • OTF (OpenType Font)
  • WOFF (Web Open Font Format)
  • WOFF2 (Web Open Font Format 2.0)

Обяснение на опциите

  • Примерен текст — Текстът, показан в основния панел за преглед; поддържа множество редове.
  • Размер на шрифта — Размер на основния текст за преглед в пиксели (8–200). Панелите на азбуката, цифрите и символите се изобразяват при 75% от тази стойност.
  • Височина на редовете — Вертикално разстояние между редовете, изразено като процент от размера на шрифта (50–300%).
  • Разстояние между букви — Допълнително място между отделни символи в пиксели (-10 до 30). Отрицателните стойности стягат текста.
  • Разстояние между думи — Допълнително място между думи в пиксели (-10 до 50).
  • Тегло на шрифта — Числово тегло от 100 (Thin) до 900 (Black). Само теглата, действително включени във файла на шрифта, ще се изобразят отчетливо; други се симулират от браузъра.
  • Курсив — Превключва font-style: italic. Ако шрифтът няма курсив вариант, браузърът може да синтезира наклонена версия.
  • Подравняване на текста — Ляво, центрирано, дясно или оправдано подравняване за панелите на преглед.
  • Цвят на текста / Цвят на фона — Цветове, използвани във всеки панел за преглед, полезни за преглед на шрифта на предвидения фон.

Съвети

  • Някои шрифтове се доставят само с едно тегло; преминаването към удебелено или тънко може да изглежда идентично или да се върне към синтетичен браузърен стил. Проверете документацията на шрифта, ако едно тегло изглежда неправилно.
  • Използвайте панела на скалата на размерите, за да открийте шрифтове, които се подсказват лошо при малки размери — един шрифт, който изглежда елегантен при 64px, може да стане нечетлив при 12px.
  • Тествайте шрифта си срещу светли и тъмни фонове; тънките тегла често изчезват на тъмни фонове и трябва да бъдат увеличени.
  • Сравнете панелите на главната и малката азбука един до друг, за да оцените x-височина, височина на главни букви и общ ритъм.

Ограничения

  • Осите на променливи шрифтове, отвъд стандартното тегло и курсив, не се предоставят поотделно.
  • OpenType функции, като лигатури, стилистични алтернативи и малки главни букви, се изобразяват с помощта на браузърните подразбирания и не могат да бъдат превключвани в потребителския интерфейс.
  • Много големи файлове на шрифтове могат да отнемат известно време за зареждане и анализиране.