https://wiki.jprodina.eu/index.php?action=history&feed=atom&title=Fonty 2026-06-21T13:44:17Z Historie editací této stránky MediaWiki 1.34.0 https://wiki.jprodina.eu/index.php?title=Fonty&diff=1017&oldid=prev 2021-01-11T19:33:56Z

<p></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Revision as of 19:33, 11 January 2021</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l31" >Line 31:</td> <td colspan="2" class="diff-lineno">Line 31:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [http://www.smashingmagazine.com/2007/11/08/40-excellent-freefonts-for-professional-design/ 40+ Excellent Freefonts]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [http://www.smashingmagazine.com/2007/11/08/40-excellent-freefonts-for-professional-design/ 40+ Excellent Freefonts]</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [http://webfonts.info/wiki/index.php?title=Fonts_available_for_%40font-face_embedding Fonts available for @font-face embedding]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [http://webfonts.info/wiki/index.php?title=Fonts_available_for_%40font-face_embedding Fonts available for @font-face embedding]</div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">=== Urban Grotesk ===</ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[https://en.bestfonts.pro/font/urban-grotesk Urban Grotesk]</ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">{{Tags}} font font-face</ins></div></td></tr> </table>

Admin https://wiki.jprodina.eu/index.php?title=Fonty&diff=392&oldid=prev 2016-07-06T13:58:31Z

<p>Založena nová stránka s textem „<a href="/index.php/Kategorie:CSS" title="Kategorie:CSS">Kategorie:CSS</a> Možnost, jak přidat do webové aplikace fonty, spočívá na CSS deklaraci @font-face. === @font-face === První článek, který mě…“</p> <p><b>New page</b></p><div>[[Kategorie:CSS]]<br /> Možnost, jak přidat do webové aplikace fonty, spočívá na CSS deklaraci @font-face.<br /> === @font-face ===<br /> <br /> První článek, který mě na tuto možnost navedl, je [http://developdaly.com/web-design/safe-to-use-font-face-yet/ 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ů.<br /> <br /> * Jedním z nich je [http://sixrevisions.com/css/font-face-guide/ 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.<br /> * Za prostudování stojí i [http://www.miltonbayer.com/font-face/ Implementing @font-face].<br /> * Dále též [http://nicewebtype.com/notes/2009/10/30/how-to-use-css-font-face/ How to use CSS @font-face].<br /> * V češtině je článek [http://blog.pecka.name/2010/01/hezke-fonty-na-webu.html Hezké fonty na webu], který doplňuje předchozí informace.<br /> * Dále v češtině [http://interval.cz/clanky/stahovatelne-fonty-poprve/ Stahovatelné fonty poprvé] popisuje konstrukce deklarace v CCS2. Článek pokračuje na [http://interval.cz/clanky/stahovatelne-fonty-podruhe/ Stahovatelné fonty podruhé].<br /> * [http://webfonts.info/wiki/index.php?title=@font-face_browser_support @font-face browser support] je přehled podpory @font-face v prohlížečích.<br /> * Na [https://developer.mozilla.org/en/css/@font-face Mozille] je rovněž popis a několik odkazů na konci článku<br /> * Jako např. [http://hacks.mozilla.org/2009/06/beautiful-fonts-with-font-face/ beautiful fonts with @font-face]<br /> * Důležité: [http://digwp.com/2009/06/free-theme-wp-typo/ Free Theme: WP Typo] - toto musím vyzkoušet!<br /> * Toto je lahůdka: [http://craigmod.com/journal/font-face/ The Potential of Web Typography]<br /> * A toto rovněž: [http://randsco.com/index.php/2009/07/04/cross_browser_font_embedding Expand Your Font Palette Using CSS3]<br /> * Rovněž dobré: [http://www.useragentman.com/blog/2009/09/20/font-face-in-depth/ @font-face in Depth]<br /> <br /> Základní je [http://www.w3.org/TR/2009/WD-css3-fonts-20090618/#the-font-face-rule 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.<br /> Postup přiřazení fontu k webu<br /> <br /> * Ze zdroje fontů stáhnout font<br /> * Vygenerovat soubory fontů generátorem [http://www.fontsquirrel.com/fontface/generator @font-face Generator]<br /> <br /> === Zdroje fontů ===<br /> <br /> * [http://sixrevisions.com/graphics-design/45-beautiful-free-fonts-for-modern-design-trends/ 45 Beautiful Free Fonts for Modern Design Trends]<br /> * [http://opentype.info/demo/webfontdemo.html 10 Great Free Fonts] - na konci jsou odkazy k downloadu<br /> * [http://openfontlibrary.org/ Open Font Library.org]<br /> * [http://www.smashingmagazine.com/2007/11/08/40-excellent-freefonts-for-professional-design/ 40+ Excellent Freefonts]<br /> * [http://webfonts.info/wiki/index.php?title=Fonts_available_for_%40font-face_embedding Fonts available for @font-face embedding]</div>

Admin