Как да сравня шрифтове за сайт с безплатни инструменти?

Използвайте Google Fonts за първоначален избор и преглед, след което проверете същия текст в реалистична страница. Ограничете сравнението до три кандидата с еднакви думи, цветове, ширина и йерархия. Така ще научите повече, отколкото от безкрайна галерия с несравними образци.

Направете таблица за сравнение

Добавете колони за фамилия, източник, лиценз, писмености, тегло на основния текст, заглавия, курсив, проблеми и решение. Запишете дата и конкретна версия на файла, когато е налична. Използвайте свое заглавие, абзац, цена и най-дълъг бутон. Включете всички езици отначало: избор само по английски текст може да обезсмисли целия преглед.

Следвайте безплатния процес

1. Потърсете кандидати в Google Fonts и прегледайте описаната поддръжка на писмености. Поставете един и същ текст в прегледа.
2. Сравнете нормалните и по-плътните стилове при реален размер, не само като огромни букви.
3. Направете локална HTML проба или използвайте наличния безплатен план на инструмент за дизайн. Поставете всеки кандидат в една и съща услуга и формуляр.
4. Проверете действителния шрифт в браузъра. Отбележете резервните символи: прегледът и използваните файлове може да се различават.
5. Проверете контраста с WebAIM и заявките за файлове в Chrome. Прегледайте на телефон и с увеличен текст.
6. Дайте еднаква задача на читателите. Запишете неразбиранията, преди да питате кое изглежда по-красиво.

Какво решава избора?

Първо отхвърлете липсващи символи, отрязан текст и нечетими контроли. След това сравнете характер, плътност, поддръжка и изтегляни данни. Variable font не е непременно по-малък от малкото статични файлове, които действително ползвате: сравнете реалните байтове. Запазете лиценза при активите.

Как изглежда полезно заключение?

Например: кандидат A поддържа езиците, но светлото тегло е нечетимо; B има добър абзац, но чупи дългия мобилен бутон; C решава задачите с по-малко файлове. Това са примерни наблюдения, а не измерени резултати за конкретни фамилии. Преди одобрение вижте разпределянето на типографските роли.