V tomto článku se dozvíte, jak nainstalovat nové písmo do vašeho blogu tak, abychom s ním dále mohli měnit nadpisy, případně samostatné pasáže svých článků. Na všechny tyto věci najdete návody na mém blogu, zde se podíváme na to, jak tam ty fonty vůbec dostat.
Pro názornou ukázku Vám poslouží následující video, podrobný návod najdete níže:
1) K výběru fontu poslouží stránka Google Fonts, která nabízí obrovské množství různých krásných typů, mezi kterými můžete vybírat. Pokud píšete svůj blog v češtině, nastavte si dopředu v pravém menu v části "Languages" pojem "Latin Extended", abyste měli jistotu, že font podporuje i diakritiku.
2) Nyní si pomocí pluska u jednotlivých fontů vyberte ty, která jsou Vašemu srdci nejbližší, může jich být pochopitelně víc. Vybrané fonty se Vám budou ukládat na spodní šedou lištu.
3) Když máte vybráno, klikněte na spodní šedou lištu s názvem "Families Selected" a přepněte do záložky Customize, kde ještě můžete upravit konkrétní podobu, kterou by měl font mít.
4) Teď už si přepneme na "Embed" a v novém okně prohlížeče se přihlásíme do Bloggeru, kde klepneme v levém menu na "Motiv" a na "Upravit Html".
5) Nyní klikneme do okna s Html kódem, stiskneme klávesy Ctrl+F a do okna, které vyskočilo, napíšeme b:skin.
6) Mělo by Vám to najít něco podobného, potřebujeme najít konkrétně tag <b:skin> , může v něm být něco napsané, viz obrázek, ale nesmí být v tom tagu lomítko → </b:skin>. Nyní se vrátíme na stránku Google Fonts a zkopírujeme kód v prvním rámečku, který vložíme přímo nad tag <b:skin>.
7) Ale podstatné je, že po vložení zkopírovaného kódu musíte ještě nakonec dopsat lomítko! tzn. udělat z tohohle:
<link href="https://fonts.googleapis.com/css?family=Lato|PT+Sans|Pacifico|Roboto+Slab" rel="stylesheet">
Toto:
<link href="https://fonts.googleapis.com/css?family=Lato|PT+Sans|Pacifico|Roboto+Slab" rel="stylesheet"/>
8) Nyní můžeme kliknout na "Uložit motiv" a tímto máme písmo nainstalované v našem motivu.
Žádné komentáře:
Okomentovat