Fonty

Možnost, jak přidat do webové aplikace fonty, spočívá na CSS deklaraci @font-face.

@font-face

První článek, který mě na tuto možnost navedl, je Safe to Use @font-face Yet?. V něm je zřetelně popsán problém a obsahuje několik důležitých odkazů.

• Jedním z nich je The Essential Guide to @font-face. Pojednává o fontech (licencovaných a volných), základním syntaxi deklarace @font-face, kompatibilitě v různých prohlížečích, zdrojích fontů atd. Velmi důležitý článek.
• Za prostudování stojí i Implementing @font-face.
• Dále též How to use CSS @font-face.
• V češtině je článek Hezké fonty na webu, který doplňuje předchozí informace.
• Dále v češtině Stahovatelné fonty poprvé popisuje konstrukce deklarace v CCS2. Článek pokračuje na Stahovatelné fonty podruhé.
• @font-face browser support je přehled podpory @font-face v prohlížečích.
• Na Mozille je rovněž popis a několik odkazů na konci článku
• Jako např. beautiful fonts with @font-face
• Důležité: Free Theme: WP Typo - toto musím vyzkoušet!
• Toto je lahůdka: The Potential of Web Typography
• A toto rovněž: Expand Your Font Palette Using CSS3
• Rovněž dobré: @font-face in Depth

Základní je W3C definice. W3C = World Wide Web Consortium. Z našeho hlediska je důležité, aby fonty obsahovaly českou znakovou sadu. Vyzkoušel jsem určitý postup, který vede k žádanému výsledku. Postup přiřazení fontu k webu

• Ze zdroje fontů stáhnout font
• Vygenerovat soubory fontů generátorem @font-face Generator

Zdroje fontů

• 45 Beautiful Free Fonts for Modern Design Trends
• 10 Great Free Fonts - na konci jsou odkazy k downloadu
• Open Font Library.org
• 40+ Excellent Freefonts
• Fonts available for @font-face embedding

Urban Grotesk

Urban Grotesk

---

Štítky: font font-face