Jak získat stylové fonty na Tumblr

Pokud používáte Tumblr, pravděpodobně jste narazili na blogy s originálními fonty a efekty. Existují dva hlavní způsoby, jak získat stylové písmo na svůj blog: nainstalovat téma, které již požadované fonty obsahuje, nebo do HTML tématu vložit odkaz na externí font a upravit vlastnost font-family u jednotlivých prvků.

Témata Tumblr

V sekci Customize najdete stovky bezplatných i placených témat. Otevřete dashboard svého blogu, klikněte na Customize, poté na Browse Themes. Pomocí filtrů (např. „Minimal“) nebo vyhledávání můžete rychle najít téma, které se vám líbí. Po výběru klikněte na Use a náhled si prohlédněte v panelu Preview. Nakonec potvrďte změny kliknutím na Save.

Vlastní témata

Pokud ovládáte HTML/CSS, můžete si vytvořit vlastní téma. V editoru klikněte na Edit HTML, smažte stávající kód a vložte svůj vlastní. Po uložení se téma ihned použije. Pro návrat k předchozí verzi nebo k výchozímu tématu můžete využít Theme Recovery a kliknout na Revert.

Úprava font-family

V editoru HTML stiskněte Ctrl+F a vyhledejte řetězec font-family. U každého výskytu změňte název fontu podle potřeby – například pro nadpis blogu najděte třídu .blogtitle a nahraďte hodnotu. Po úpravě klikněte na Update Preview a ověřte výsledek, poté Save.

Vlastní (hostované) fonty

Fonty, které Tumblr nativně nepodporuje, lze přidat pomocí odkazů mezi značkami <head> a </head>. Nejjednodušší je využít Google Fonts. Na stránce vyberete požadovaný font, kliknete na Quick Use a zkopírujete vygenerovaný kód, například:

<link href="https://fonts.googleapis.com/css?family=Audiowide" rel="stylesheet" type="text/css">

Vložte tento řádek do sekce <head> vašeho tématu. Hodnota atributu family= (v příkladu „Audiowide“) se použije jako nová hodnota pro všechny font-family položky, které chcete změnit. Po úpravě uložte téma.

Důležité poznámky

Tumblr umožňuje měnit fonty v tématech, ale v samotných příspěvcích je většina HTML a CSS odstraňována. Proto lze změnit pouze výchozí fonty, které jsou definovány v tématu; individuální fonty v příspěvcích nejsou podporovány.