Pěkné fonty pro web a blog

Napiš komentář

Dlouho jsem nic pro web nedělal a tak mě příjemně překvapilo, že se dají přes (nejen) Google vložit různé fonty a použít je na vašich stránkách.

Funguje to následovně:

a) Na stránce http://www.google.com/fonts si vyberete, který font chcete (pozor všechny nepodporují české znaky, ty co ano jsou obvykle označeny jako “Latin Extended”)

b) U vybraného fontu kliknete na ikonku čtverce se šipkou vpravo (Quick-Use)

c) V bodech 1. a 2. si vyberete které řezy a znakové sady chcete použít – pro naše znaky je nutné zatrhnout “Latin Extended”

d) Link v bodě 3. přidáte do hlavičky stránky, například na těchto stránkách je pro nadpisy použit font Titillium Web (původní font šablony neměl české znaky)

<link href='http://fonts.googleapis.com/css?family=Titillium+Web:400,200&subset=latin,latin-ext' rel='stylesheet' type='text/css'>

pokud editujete šablonu Blogger je potřeba správně zapsat & a doplnit ukončující lomítko, tedy:

<link href='http://fonts.googleapis.com/css?family=Titillium+Web:400,200&amp;subset=latin-ext' rel='stylesheet' type='text/css' />

e) Do definice CSS přidáte standardně typ fontu tedy :

font-family: 'Titillium Web', sans-serif;

pro Blogger šablonu pak správně zapsat apostrofy

font-family: &#39;Titillium Web&#39;, sans-serif;

 

Výhodou je samozřejmě to, že můžete použít zajímavější fonty, které nemusí být instalovány na počítači klienta (funguje to všude).


Zdroje a další čtení:

http://www.3sixty.eu/blog/krasne-pismo-pro-web-v-cestine

http://duben.org/wordpress/ceske-znaky-v-elegant-themes-sablone

0 komentářů:

Okomentovat

UWAGA! Pro odeslání komentáře zmáčkni to MODRÉ tlačítko vlevo dole.pan Lebka