Změna velikosti písma

Drobečková navigace

CSS blog > Custom fonty

Custom fonty



Pokud se setkáte s případem, kdy je pro stránky vhodné použít některý font, který nenaleznete ve standardním nastavení Vzhled -> Písmo, existuje alternativa implementace fontů z externích zdrojů. Vzhledem k autorským právům používejte prosím pouze fonty z Google WebFonts, které naleznete zde:

http://www.google.com/webfonts

Některé fonty nemusí plně podporovat diakritiku, proto použijte pangram pro vyzkoušení, zda-li font diakritiku plně podporuje:

"Příliš žluťoučký kůň úpěl ďábelské ódy"

Tento text vložte do kolonky "Preview text". Na příkladu uvidíte, jak se v základních výsledcích zobrazí text s použitým textem s diakritikou.

Pro použití fontu kliknete na "Add to collection" a v dolní části "Use".

Dále už se jen řídíte pokyny s tím, že zaškrtnete následující pole a vygenerovaný kód vložíte do stránek:

K dokončení implementace musíte ještě upravit vygenerovaný HTML kod, aby správně fungoval se zabezpečením v editaci stránek:

<link href='//fonts.googleapis.com/css?family=Pirata+One&subset=latin,latin-ext' rel='stylesheet' type='text/css'>

V uživatelských stylech po uložení html v layoutu už můžete začít používat styl pro naimportovaný google font, viz. ukázka:

#headerText {
    color: white;
    font-family: 'Pirata One', cursive, Arial;
    font-size: 4em;
    left: 100px;
    position: absolute;
    top: 50px;
}

Je potřeba akorát do načítání font-family přidat za načítání fontu ještě defaultní font (např. Arial) pro mobilní zařízení, které nemusí umět načíst web z google webfonts.


Kalendář akcí

Po Út St Čt So Ne
25 26 27 28 29 30 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5