Jak nahrát vlastní font na web
Tato funkce je k dispozici pouze jako součást Ambasadorského programu solidpixels.
![](https://academy.solidpixels.com/files/tip.png)
Tato funkce je k dispozici pouze jako součást Ambassadorského programu solidpixels.
Kromě našeho výběru si můžete snadno sami vybrat další písma nebo přímo přidat vlastní písmo od libovolného autora.
Přidání písma z Google Fonts
Písma lze přidat na sekci "Design" v části Nastavení typografie. Ať už nastavujete typografii pro obecný text nebo nadpisy, první možností ve výběru je vždy "Spravovat písma".
![](https://academy.solidpixels.com/files/responsive/360/0/fonty-en1.png 360w,https://academy.solidpixels.com/files/responsive/720/0/fonty-en1.png 711w)
Kliknutím na tento odkaz otevřete okno pro správu písem. Zde můžete zobrazit a upravit všechna již přidaná písma a také tlačítko "Přidat písmo".
![](https://academy.solidpixels.com/files/responsive/360/0/fonty-en2.png 360w,https://academy.solidpixels.com/files/responsive/720/0/fonty-en2.png 658w)
Poté je přidání písma snadné. Stačí zaškrtnout možnost "Google Fonts" a vybrat písmo a všechny varianty, které chcete použít. Musíte také vybrat záložní písmo, které se zobrazí v případě, že výchozí písmo nelze načíst.
![](https://academy.solidpixels.com/files/responsive/360/0/fonty-en3.png 360w,https://academy.solidpixels.com/files/responsive/720/0/fonty-en3.png 658w)
Přidání písma z Adobe Fonts
Podobně jako u Google Fonts, Adobe Fonts přidáte ve "Správě písma".
![](https://academy.solidpixels.com/files/responsive/360/0/fonty-en1.png 360w,https://academy.solidpixels.com/files/responsive/720/0/fonty-en1.png 711w)
Kliknutím na tento odkaz otevřete okno pro správu písem. Zde můžete zobrazit a upravit všechna již přidaná písma a také tlačítko "Přidat písmo".
![](https://academy.solidpixels.com/files/responsive/360/0/fonty-en2.png 360w,https://academy.solidpixels.com/files/responsive/720/0/fonty-en2.png 658w)
Přidání Adobe Fonts je složitější než přidání Google Fonts. Nejprve je třeba zaškrtnout možnost "Adobe Fonts" a vyplnit Project ID, Název písma a CSS hodnotu. Všechny tyto údaje najdete na webu fonts.adobe.com. Dále je třeba také zvolit varianty písma, které chcete na webu používat, a zástupné písmo, které se zobrazí v případě, že by byl vámi vybraný font nedostupný.
Přidání vlastního písma
Vlastní písmo můžete přidat podobným způsobem jako při výběru písma Google. Stačí ve výběru písma zaškrtnout možnost "Hostované".
![](https://academy.solidpixels.com/files/responsive/360/0/fonty-en4.png 360w,https://academy.solidpixels.com/files/responsive/720/0/fonty-en4.png 653w)
Dále je třeba zadat název písma a vybrat soubor písma. Soubory musí být ve formátu WOFF nebo WOFF2. Na rozdíl od Google Fonts je třeba varianty nahrát jednotlivě. Pokud například chcete varianty Regular a Bold, musíte nahrát dva soubory, každý s uvedenou variantou písma, a přiřadit jim název varianty.
Chcete-li použít hostované písmo, je také důležité mít platnou licenci pro použití daného písma na webu.
Všechna písma se po přidání automaticky zobrazí ve výběru písem v nastavení Designu.
![](https://academy.solidpixels.com/files/tip.png)
Tip: Jak správně kombinovat různé styly písma? Přečtěte si článek 12 trendy kombinací Google písem, díky kterým vaše webové stránky vystoupí z davu.