← Zpět k funkcím
Pro

Změna fontů

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 jedno z nejzásadnějších rozhodnutí v designu, ale otestovat fonty v kontextu je překvapivě obtížné. Náhledy na Google Fonts zobrazují písma izolovaně na ukázkovém textu – ne v kontextu skutečného rozvržení vaší stránky a vašeho reálného obsahu. Fonts Changer přináší Google Fonts přímo do prohlížeče a aplikuje je na skutečné stránky.

Procházejte nebo prohledávejte knihovnu, klikněte na font a uvidíte ho okamžitě aplikovaný. Font se dynamicky načítá z CDN Google, takže není potřeba nic stahovat ani instalovat. Aplikujte ho globálně a podívejte se, jak vypadá celá stránka s novým písmem, nebo klikněte na konkrétní prvky a otestujte různé fonty zvlášť pro nadpisy a zvlášť pro běžný text. Jedním kliknutím přepínejte mezi původním fontem a náhradou a porovnejte čitelnost i vizuální váhu.

Protože se fonty načítají na vyžádání místo toho, aby byly součástí rozšíření, procházení knihovny nic nestojí – stáhne se pouze font, který skutečně vyberete, a prohlížeč si ho pak po zbytek relace ukládá do mezipaměti jako jakýkoli jiný webový font. Změny fontu se ukládají pro každý web zvlášť, takže písmo, které zvolíte při prohlížení domovské stránky klienta, zůstane aplikované i při dalším otevření téhož webu, aniž by to ovlivnilo jakoukoli jinou stránku, kterou navštívíte. Všechny změny jsou nedestruktivní – obnovením stránky se vše vrátí do původního stavu.

Živý náhled
example.com/article
Písmo změněno globálně
Nadpis článku v Georgia
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
Původní: Jost Nové: Georgia
Knihovna písem
Hledat písma...
Inter
Georgia ✓
Roboto
Playfair Display
Source Code Pro
Lato
Klíčové funkce

Globální nahrazení fontu

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.

Cílení na konkrétní elementy

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.

Přístup ke knihovně Google Fonts

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í.

Okamžité přepínání pro porovná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.

Zachování tloušťky a stylu

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.

Vyhledávání a filtrování

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í.

Běžné případy použití

Výběr písma pro nové projekty

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.

Prezentace fontů klientům

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.

Testování čitelnosti

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ání obnovy značky

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.

Testování přístupnosti fontů

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.

Jak používat
1

Aktivujte Změnu fontů

Otevřete plovoucí dok DevSuite Pro a klikněte na ikonu Změny fontů. Otevře se panel s vyhledávatelnou knihovnou Google Fonts.

2

Vyhledejte nebo procházejte fonty

Zadejte název fontu pro vyhledávání nebo procházejte knihovnu. Filtrujte podle kategorie (patkové, bezpatkové, display, monospace) pro zúžení možností.

3

Aplikujte globálně nebo po elementech

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.

4

Přepínajte a porovnávejte

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.

5

Obnovením stránky resetujte

Po dokončení experimentování obnovte stránku pro úplné obnovení všech původních fontů.

Jste připraveni to zkusit?

Nainstalujte si DevSuite Pro zdarma a odemkněte 64+ vývojářských nástrojů pro svůj prohlížeč.

Přidat do Chromu Přidat do Edge Přidat do FireFoxu