Změna fontů vám umožní nahradit libovolný font na webové stránce jiným z knihovny Google Fonts — buď globálně (veškerý text na stránce) nebo po elementech (jen nadpisy, jen tělo textu nebo libovolný konkrétní element, na který kliknete). Fonty jsou načítány dynamicky na vyžádání a lze přepínat mezi původním a novým fontem pro porovnání dopadu na čitelnost a design.
Výběr správného písma je jedním z nejdůležitějších designových rozhodnutí, ale testování fontů v kontextu je překvapivě obtížné. Náhledy Google Fonts ukazují fonty v izolaci se vzorovým textem — nikoli v kontextu skutečného rozvržení stránky se skutečným obsahem. Změna fontů přináší Google Fonts přímo do prohlížeče, aplikované na skutečné stránky. Procházejte nebo prohledávejte knihovnu, klikněte na font a okamžitě ho uvidíte aplikovaného. Font se načítá dynamicky z CDN Google, takže není třeba žádné stahování ani instalace. Aplikujte globálně pro zobrazení toho, jak celá stránka vypadá s novým písmem, nebo klikněte na konkrétní elementy pro testování různých fontů pro nadpisy vs tělo textu. Jedním kliknutím přepínejte mezi původním fontem a náhradou pro porovnání čitelnosti, vizuální váhy a celkového designového dopadu. Všechny změny jsou nedestruktivní — obnovením stránky vše vrátíte.
Aplikujte nový font na celou stránku jedním kliknutím. Každý textový element — nadpisy, odstavce, tlačítka, navigace, zápatí — přepne na vybraný font. Okamžitě uvidíte, jak kompletní změna písma ovlivňuje celkový design.
Klikněte na konkrétní elementy pro změnu pouze jejich fontu. Testujte patkovité písmo pro nadpisy s bezpatkovým pro tělo textu nebo aplikujte monospace font pouze na bloky kódu. Mixujte a kombinujte fonty na stejné stránce.
Procházejte a prohledávejte kompletní knihovnu Google Fonts (1 500+ rodin fontů) přímo v nástroji. Fonty se načítají dynamicky z CDN Google na vyžádání — není třeba žádná místní instalace ani stahování.
Jedním kliknutím přepínejte mezi původním fontem a náhradou. Stránka se okamžitě přepíná tam a zpět, takže je snadné porovnat čitelnost, vizuální váhu, x-výšku a mezery mezi oběma písmy.
Při aplikování nového fontu jsou zachovány původní hodnoty font-weight a font-style. Tučné nadpisy zůstanou tučné, kurzíva zůstane kurzívou a lehká těla textu si zachovají lehkou váhu — písmo se změní, ale typografická hierarchie je zachována.
Prohledávejte fonty podle názvu nebo filtrujte podle kategorie (patkové, bezpatkové, display, rukopis, monospace). Rychle najděte správné písmo z 1 500+ dostupných možností.
Zahajujete novou webovou stránku? Otevřete podobnou stránku a zaměňte její fonty za vaše kandidáty. Sledujte, jak každé písmo vypadá se skutečným obsahem a skutečným rozvržením — daleko výpovědnější než ukázkový textový náhled Google Fonts.
Při designové revizi ukažte klientům, jak by jejich stránka vypadala s různými fonty. Zde je aktuální design... a zde je to, jak vypadá s Playfair Display pro nadpisy. Živé přepínání dělá porovnání přesvědčivým.
Porovnejte, jak různé fonty ovlivňují čitelnost dlouhého obsahu. Přepínejte blogový příspěvek mezi Inter, Georgia, Lora a Merriweather pro nalezení písma, které se nejpohodlněji čte při cílové velikosti fontu.
Zkoumáte obnovu značky? Aplikujte kandidátní písma na produkční stránku a sledujte, jak by vypadala s vaším skutečným obsahem, barvami a rozvržením. Mnohem rychlejší než vytváření maket pro každou možnost.
Testujte, jak různé fonty ovlivňují čitelnost pro uživatele s dyslexií nebo zrakovým postižením. Fonty jako OpenDyslexic, Lexie Readable nebo bezpatkové fonty s vysokou x-výškou lze okamžitě aplikovat pro kontrolu jejich dopadu.
Otevřete plovoucí dok DevSuite Pro a klikněte na ikonu Změny fontů. Otevře se panel s vyhledávatelnou knihovnou Google Fonts.
Zadejte název fontu pro vyhledávání nebo procházejte knihovnu. Filtrujte podle kategorie (patkové, bezpatkové, display, monospace) pro zúžení možností.
Kliknutím na název fontu ho aplikujete globálně na veškerý text na stránce. Nebo nejprve klikněte na režim Po elementech, poté klikněte na konkrétní elementy na stránce a vyberte font.
Použijte přepínací tlačítko pro přepínání mezi původním fontem a náhradou. Porovnejte čitelnost, vizuální váhu a designový dopad vedle sebe.
Po dokončení experimentování obnovte stránku pro úplné obnovení všech původních fontů.
Nainstalujte si DevSuite Pro zdarma a odemkněte 39+ vývojářských nástrojů pro svůj prohlížeč.
