Ultimate Web Font Resource Roundup: 50 Awesome Sites
Myšlenka, že weboví designéři ignorují typografii, je oficiálně mrtvá. V posledních letech se objevilo nespočet nástrojů a služeb, které splnily potřebu učinit z webu místo, které je více přátelské k typům, a jsou úspěšné.
Dnes vám přinášíme obrovský seznam úžasných webů pro všechny věci související s webovými fonty. Najdete zde weby nabízející bezplatná písma, služby webových písem, nástroje pro tvorbu písem, náhledové nástroje a mnoho dalšího!
Zdarma Fonty
Liga pohyblivého typu
Skončili jsme s unavenými starými fontánami z dávných dob. Dost s omezeními webu to nebudeme mít. Je čas zvýšit naše standardy. Zde najdete pouze ta nejprestižnější, bezplatná a otevřená zdrojová písma @ font-face ready.
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup.jpg)
dafont.com
Archiv volně stahovatelných písem. Procházet podle abecedního seznamu, podle stylu, autora nebo podle oblíbenosti.
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-2.jpg)
Veverka písma
Ručně volná písma pro grafické designéry s licencemi pro komerční použití. Zkontrolujte také jejich soupravy @ font-face pro snadné vkládání písem!
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-3.jpg)
1001 Fonty
1001 bezplatných písem nabízí obrovský výběr bezplatných písem. Stáhněte si zdarma fonty pro Windows a Macintosh. Licenční písma pro komerční použití.
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-4.jpg)
Urban Fonts
Podívejte se na naši úžasnou sbírku bezplatných písem a dingbats zdarma.
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-5.jpg)
FontSpace
Stáhněte si zdarma fonty truetype a opentype 13990 pro Windows a Mac.
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-6.jpg)
TypeNow.net Tematické fonty Stáhněte si zdarma film a hudební písma
Největší typografický zdroj na webu. Můžete si stáhnout přes 6000 bezplatných písem.
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-7.jpg)
exljbris Font Foundry
Vítejte ve společnosti Jos Buivenga's Exljbris Font Foundry. Zde najdete moje [bezplatná] písma: Delicious, Fontin, Fontin Sans, Tallys, Fertigo Pro, Diavlo, Anivers, Museo, Museo Sans, Museo Slab, Calluna a Geotica.
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-8.jpg)
Prohledávejte písma zdarma
Hledání bezplatných písem má největší výběr bezplatných písem na webu. K dispozici je ke stažení přes 13 000 bezplatných písem pro Windows a Mac.
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-9.jpg)
Creamundo
Zdarma stránky písem.
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-10.jpg)
Fawnt
Fawnt je zdroj písem pro designéry, vývojáře a kohokoli, kdo oceňuje písma nejvyšší kvality na webu.
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-11.jpg)
Písma 500
500 nejlepších písem na webu, počítaných na základě počtu stažení z některých z největších bezplatných archivů písem.
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-12.jpg)
Řešení webových písem
cufón - fonty pro lidi
Rychlá výměna textu za plátno a VML - není nutný Flash ani obrázky.
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-13.jpg)
Typekit
Přidejte na své stránky řádek kódu a vyberte si ze stovek písem. Jednoduché, neprůstřelné, kompatibilní s normami, dostupné a zcela legální.
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-14.jpg)
Adresář písem Google
Adresář písem Google umožňuje procházet všechna písma dostupná prostřednictvím rozhraní API písem Google. Všechna písma v adresáři jsou k dispozici pro použití na vašem webu pod licencí s otevřeným zdrojovým kódem a jsou poskytována servery Google.
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-15.jpg)
Webová písma Fonts.com
Přidejte na svůj web skvěle vypadající písma v několika jednoduchých krocích.
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-16.jpg)
Webfonty Fontdeck: Skutečná písma pro váš web
Fontdeck je profesionální řešení webfonts. Platíte pouze za písma, která potřebujete, když je potřebujete. Vstaňte a běžte do 60 sekund.
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-17.jpg)
Kernest
Webová písma. Dodáno. Váš prohlížeč nepodporuje @ font-face, takže Kernest pravděpodobně nebude vypadat velmi zajímavě.
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-18.jpg)
Typotheque
Služba Typotheque Webfont Service umožňuje používat vlastní písma na vašem webu pomocí pravidla @ font-face v CSS. Stačí na stránku přidat řádek kódu a během několika minut to bude fungovat. Jednoduché, rychlé a v souladu se standardy.
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-19.jpg)
Živá písma
Odborně vytvořená, vysoce kvalitní webová písma pro designéry a vývojáře webu. FontsLive poskytuje skutečná písma pro CSS @ font-face.
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-20.jpg)
Fontspring
99, 9% našich písem lze zakoupit s licencemi @ font-face. Získejte požadovaná písma na svém webu.
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-21.jpg)
WebINK Web Fonts
WebINK je místo, kde najdete vysoce kvalitní písma pro vaše webové stránky. Na navrhovaných webech snadno používejte profesionální typ od důvěryhodných sléváren. A my vám je doručíme - rychle jako VÍK.
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-22.jpg)
Webtyp
Webtype poskytuje písma pro nejvyšší kvalitu online typografie, včetně typů písma, které byly navrženy od začátku speciálně pro čtení na obrazovce.
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-23.jpg)
Vytvoření písma
FontStruct | Vytvářejte, sdílejte a stahujte písma
FontStruct umožňuje rychle a snadno vytvářet písma vytvořená z geometrických tvarů, které jsou uspořádány do rastru, jako jsou dlaždice nebo cihly.
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-24.jpg)
Generátor písem - vytvořte si vlastní rukopisné písmo
YourFonts.com je online generátor písem, který vám umožní vytvořit vlastní písma OpenType během několika minut. Vytvořte si vlastní písmo jako písmo!
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-25.jpg)
Fontifier - vlastní rukopis na vašem počítači!
Fontifier umožňuje použít vlastní rukopis pro text, který píšete v počítači. Převádí naskenovaný vzorek rukopisu na písmo rukopisu, které můžete použít v textovém procesoru nebo grafickém programu, stejně jako běžná písma, jako je Helvetica.
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-26.jpg)
FontEditor BitfontMaker
Vytvářejte vlastní písma online (trochu jako zmenšená verze FontStruct).
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-27.jpg)
Identifikace písma
WhatTheFont!
Vložte obrázek do WhatTheFont a vyhledejte nejbližší shody v naší databázi. Nebo nechte nadšence, kteří zakrývají písmo, podat ruku na fóru WhatTheFont.
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-28.jpg)
Co je písmo
Pomocí What Font is můžete identifikovat písmo, které hledáte!
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-29.jpg)
Identifont - písma podle vzhledu
Identifikujte písmo odpovědí na řadu jednoduchých otázek o jeho vzhledu.
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-30.jpg)
TypeNavigator
Interaktivní vizuální vyhledávací systém fontů. Tento systém je jedinečný v tom, že můžete identifikovat písma pouze na základě paměti.
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-31.jpg)
Náhled a správa písem
Typetester - Porovnejte písma pro obrazovku
Typetester je online aplikace pro porovnávání písem na obrazovce. Jeho primární úlohou je usnadnit život webdesignéra.
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-32.jpg)
Typová sada CSS
CSS Type Set je praktický typografický nástroj, který umožňuje návrhářům a vývojářům interaktivně testovat a naučit se stylovat svůj webový obsah.
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-33.jpg)
obracející se typické
obracející se typické. podívejte se, jak různá slova vypadají ve všech oblíbených písmech v počítači.
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-34.jpg)
Typechart - Procházet webový typ, Grab CSS.
Typechart umožňuje listovat, prohlížet a porovnávat typografii webu při načítání CSS.
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-35.jpg)
STC :: fontBROWSER ::
Podívejte se na náhledy písem nainstalovaných ve vašem počítači.
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-36.jpg)
Prohlížeč písem - myFontbook.com
myFontbook je šikovný nový nástroj pro prohlížení vaší kolekce písem z webového prohlížeče. Prohlížeč písem vám umožní snadno prohlížet a katalogizovat všechna vaše nainstalovaná písma. Spouští se v prohlížeči. Nic k instalaci.
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-37.jpg)
Náhled písma - Adresář písem Google
Umožňuje vybrat písmo z adresáře Písmo Google s několika možnostmi stylingu textu a zobrazit jejich náhled.
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-38.jpg)
Průvodce stylem písma a textu CSS
Pomocí tohoto průvodce můžete experimentovat s písmy a texty a generovat ukázkový zdrojový kód stylu CSS. Tento průvodce používá dynamický HTML ke změně stylu tabulky in-situ bez načtení další stránky. Je to cross-browser kompatibilní s Firefox, Netscape, Internet Explorer a dalšími moderními prohlížeči.
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-39.jpg)
Typograf - Měřítko a rytmus
Tato stránka je esejem i nástrojem. Jeho cílem je prozkoumat, jak lze vzájemně propojené koncepty, často hravé, ale někdy drzé, povzbudit k tanci na webových stránkách. Přetáhněte barevná pole podél stupnice a tato slova znovu hodte. Z velké části je tento text pouze libretem představení, na kterém se chystáte hrát.
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-40.jpg)
Vzor webových písem
Vzor webových písem je šikovný, bezplatný weboví návrháři zdrojů a návrháři typů, kteří mohou vidět, jak budou písma vypadat na webu. Ve zvláštním vydání A List Apart je vzorek webových písem nyní ve své druhé iteraci.
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-41.jpg)
Převod a výpočet
Em kalkulačka
Em Calculator je malý JavaScriptový nástroj, který pomáhá vytvářet škálovatelný a přístupný CSS design. Převádí velikost v pixelech na relativní em jednotky, které jsou založeny na velikosti textu.
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-42.jpg)
PXtoEM.com
Převod PX na EM: Skutečný, ale ne úplně lvi, tygři a medvědi díky PXtoEM.com
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-43.jpg)
Online převodník písem
Online převaděč písem převádí písma do / z: .dfont .eot .otf .pfb .tfm .pfm .suit .svg .ttf .pfa .bin .pt3 .ps .t42 .cff .afm .ttc .woff & .pd.
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-44.jpg)
Různé
CopyPasteCharacter.com
Snadno kopírujte a vkládejte speciální znaky přímo nebo jako HTML.
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-45.jpg)
Typedia: Sdílená encyklopedie řezů
Typedia je prostředek pro klasifikaci, kategorizaci a připojení řezů.
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-46.jpg)
FontFonter
Vyzkoušejte Web FontFonts na libovolném webu.
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-47.jpg)
Awesome Fontstacks
Snadno vytvářejte svazky krásně odpovídajících, bezplatných webových písem, se záložkami bezpečných písem, které je zálohují. Včetně připraveného CSS kódu!
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-48.jpg)
Bulletproof @ syntaxe písma a písma «Paul Irish
Nejčastěji přijímaná syntaxe pro více prohlížečů pro použití @ font-face k vložení vlastních písem na web.
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-49.jpg)
Základní průvodce @ font-face
Tato příručka vás naučí, jak implementovat @ font-face s kompatibilitou mezi prohlížeči, a také se podívá na řadu podpůrných služeb, které vznikly, což ještě více usnadňuje používání vlastních písem ve vašich webových designech.
![](http://computer06.com/img/typography/878/ultimate-web-font-resource-roundup-50.jpg)
Co nám chybělo?
Výše uvedené weby by měly stačit k tomu, aby vás dobře na vaší cestě k blaženosti webového typu, ale to jen poškrábal povrch toho, co je k dispozici. Zanechte komentář níže a řekněte nám, jaké úžasné weby používáte k implementaci krásné webové typografie.