Fonts Changer ви позволява да замените всеки шрифт на уебстраница с различен от библиотеката на Google Fonts — или глобално (целия текст на страницата), или по елемент (само заглавия, само основен текст или всеки специфичен елемент, върху който кликнете). Шрифтовете се зареждат динамично при поискване и можете да превключвате между оригиналните и новите шрифтове, за да сравните въздействието върху четливостта и дизайна.
Изборът на правилния шрифт е едно от най-въздействащите дизайнерски решения, но тестването на шрифтове в контекст е изненадващо трудно. Предварителните прегледи на Google Fonts показват шрифтовете изолирано с примерен текст — не в контекста на вашето действително оформление на страницата с вашето реално съдържание. Fonts Changer пренася Google Fonts директно в браузъра, приложени към реални страници. Разглеждайте или търсете в библиотеката, кликнете върху шрифт и го вижте приложен мигновено. Шрифтът се зарежда динамично от CDN на Google, така че не е необходимо изтегляне или инсталиране. Приложете го глобално, за да видите как изглежда цялата страница с нов шрифт, или кликнете върху конкретни елементи, за да тествате различни шрифтове за заглавия спрямо основния текст. Превключвайте между оригиналния шрифт и замяната с едно щракване, за да сравните четливостта, визуалната тежест и цялостното въздействие на дизайна. Всички промени са неразрушителни — опреснете, за да възстановите всичко.
Приложете нов шрифт към цялата страница с едно щракване. Всеки текстов елемент — заглавия, параграфи, бутони, навигация, футър — преминава към избрания шрифт. Вижте веднага как пълната промяна на шрифта влияе на цялостния дизайн.
Кликнете върху конкретни елементи, за да промените само техния шрифт. Тествайте шрифт със серифи за заглавията със санс-сериф за основния текст или приложете моноширинен шрифт само към кодови блокове. Смесвайте и напасвайте шрифтове на една и съща страница.
Разглеждайте и търсете в пълната библиотека на Google Fonts (1500+ семейства шрифтове) директно в инструмента. Шрифтовете се зареждат динамично от CDN на Google при поискване — не е необходима локална инсталация или изтегляне.
Превключвайте между оригиналния шрифт и замяната с едно щракване. Страницата се превключва напред-назад мигновено, което улеснява сравняването на четливостта, визуалната тежест, x-височината и разстоянието между двата шрифта.
Когато прилагате нов шрифт, оригиналните стойности за дебелина (font-weight) и стил (font-style) се запазват. Получерните заглавия остават получерни, курсивният текст остава курсивен, а основният текст с леко тегло запазва лекото си тегло — шрифтът се променя, но типографската йерархия се поддържа.
Търсете шрифтове по име или филтрирайте по категория (serif, sans-serif, display, handwriting, monospace). Намерете бързо правилния шрифт от 1500+ налични опции.
Стартирате нов уебсайт? Отворете подобен сайт и заменете неговите шрифтове с вашите кандидати. Вижте как изглежда всеки шрифт с реално съдържание и реално оформление — много по-показателно от примерния предварителен преглед на текст в Google Fonts.
По време на преглед на дизайна покажете на клиентите как би изглеждал техният сайт с различни шрифтове. „Ето текущия дизайн... а ето как изглежда с Playfair Display за заглавията.“ Превключването в реално време прави сравнението убедително.
Сравнете как различните шрифтове влияят на четливостта на дълго съдържание. Превключвайте публикация в блог между Inter, Georgia, Lora и Merriweather, за да намерите шрифта, който е най-удобен за четене при целевия ви размер на шрифта.
Проучвате освежаване на марката? Приложете нови кандидати за шрифтове към вашия производствен сайт, за да видите как биха изглеждали с вашето действително съдържание, цветове и оформление. Много по-бързо от създаването на макети за всяка опция.
Тествайте как различните шрифтове влияят на четливостта за потребители с дислексия или зрителни увреждания. Шрифтове като OpenDyslexic, Lexie Readable или санс-серифи с висока x-височина могат да бъдат приложени мигновено, за да се провери въздействието им.
Отворете плаващия док DevSuite Pro и щракнете върху иконата Fonts Changer. Отваря се панел с библиотека на Google Fonts, в която може да се търси.
Въведете име на шрифт за търсене или превъртете библиотеката. Филтрирайте по категория (serif, sans-serif, display, monospace), за да стесните опциите.
Кликнете върху име на шрифт, за да го приложите глобално към целия текст на страницата. Или първо кликнете върху режим „Per-Element“ (По елемент), след това върху конкретни елементи на страницата и после изберете шрифт.
Използвайте бутона за превключване, за да превключвате между оригиналния шрифт и замяната. Сравнете четливостта, визуалната тежест и въздействието на дизайна едно до друго.
Когато приключите с експериментите, опреснете страницата, за да възстановите напълно всички оригинални шрифтове.
Инсталирайте DevSuite Pro безплатно и отключете 39+ инструмента за разработчици за вашия браузър.
