Fonty: Porovnání verzí
Z Znalosti
(Založena nová stránka s textem „Kategorie:CSS Možnost, jak přidat do webové aplikace fonty, spočívá na CSS deklaraci @font-face. === @font-face === První článek, který mě…“) |
m |
||
| Řádek 31: | Řádek 31: | ||
* [http://www.smashingmagazine.com/2007/11/08/40-excellent-freefonts-for-professional-design/ 40+ Excellent Freefonts] | * [http://www.smashingmagazine.com/2007/11/08/40-excellent-freefonts-for-professional-design/ 40+ Excellent Freefonts] | ||
* [http://webfonts.info/wiki/index.php?title=Fonts_available_for_%40font-face_embedding Fonts available for @font-face embedding] | * [http://webfonts.info/wiki/index.php?title=Fonts_available_for_%40font-face_embedding Fonts available for @font-face embedding] | ||
| + | |||
| + | === Urban Grotesk === | ||
| + | [https://en.bestfonts.pro/font/urban-grotesk Urban Grotesk] | ||
| + | |||
| + | {{Tags}} font font-face | ||
Aktuální verze z 11. 1. 2021, 19:33
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
Štítky: font font-face
