Tanken att webbdesigners ignorerar typografi är officiellt död. Under de senaste åren har otaliga verktyg och tjänster uppstått för att möta behovet av att göra webben till en mer typvänlig plats, och de lyckas.
Idag tar vi med dig en enorm lista över fantastiska webbplatser för alla saker som är relaterade till webbfonter. Du hittar webbplatser som erbjuder fria teckensnitt, webbtypstjänster, teckensnittsbyggnadsverktyg, förhandsgranska verktyg och mycket mer!
Fonter
Förbundet av flyttbar typ
Vi är färdiga med de trötta gamla fontstackerna av förr. Nok med begränsningarna på webben kommer vi inte att få det. Det är dags att höja våra standarder. Här hittar du bara de mest välgjorda, gratis och öppna källorna, @ font-face ready-teckensnitt.
dafont.com
Arkiv av gratis nedladdningsbara teckensnitt. Bläddra genom alfabetisk förteckning, efter stil, författare eller popularitet.
Font ekorre
Handplockade fria teckensnitt för grafiska designers med kommersiella användarlicenser. Kontrollera även deras @ font-face-kits för enkel skrivbordsinbäddning!
1001 Typsnitt
1001 fonter erbjuder ett stort urval av fria teckensnitt. Ladda ner gratis teckensnitt för Windows och Macintosh. Licens typsnitt för kommersiell användning.
Urban typsnitt
Se vår fantastiska samling av fria teckensnitt och fria dingbats.
FontSpace
Hämta 13990 gratis truetype och opentype typsnitt för Windows och Mac.
TypNow.net Teman Fonts Ladda ner gratis film och musik teckensnitt
Webbens största typografiska resurs. Över 6000 fria teckensnitt för att ladda ner.
exljbris Font Foundry
Välkommen till Jos Buivengas exklusiva Font Foundry. Här hittar du mina [fria] teckensnitt: Delicious, Fontin, Fontin Sans, Tallys, Fertigo Pro, Diavlo, Anivers, Museo, Museo Sans, Museo Slab, Calluna & Geotica.
Sök fonter
Sök Fonter har störst fältval på webben. Över 13000 fria teckensnitt för Windows och Mac finns att ladda ner.
Creamundo
Den fria typsnittet webbplats.
Fawnt
Fawnt är en typsnittresurs för designers, utvecklare och alla som uppskattar webbläsarens högsta kvalitet.
Teckensnitt 500
Webens topp 500 fria teckensnitt, beräknat baserat på nedladdningen, räknas från några av de största fria arkivfilerna.
Webtextlösningar
cuf? n - teckensnitt för folket
Snabb textbyte med duk och VML - ingen Flash eller bilder krävs.
Typekit
Lägg till en rad kod till dina sidor och välj bland hundratals typsnitt. Enkelt, bulletproof, standardkompatibelt, tillgängligt och helt lagligt.
Google Font Directory
I Google Font Directory kan du bläddra bland alla tillgängliga teckensnitt via Google Font API. Alla teckensnitt i katalogen är tillgängliga för användning på din webbplats under en öppen källkodslicens och serveras av Googles servrar.
Fonts.com webbfonter
Lägg till snygga teckensnitt på din webbplats i några enkla steg.
Fontdeck webbfonter: Verkliga typsnitt för din webbplats
Fontdeck är den professionella webbfontslösningen. Du betalar bara för de teckensnitt du behöver när du behöver dem. Kom igång på mindre än 60 sekunder.
Kernest
Webbfonter. Levereras. Din webbläsare stöder inte @ font-face, så Kernest ser nog inte ut väldigt intressant.
Typotheque
Typotheque Webfont-tjänsten gör att du kan använda anpassade teckensnitt på din webbplats med hjälp av @ font-face-regeln i CSS. Lägg bara till en rad kod till din sida och få den att fungera på några minuter. Enkel, snabb och standardkompatibel.
Teckensnitt Live
Expert utformade webbsidor av högsta kvalitet för designers och webbutvecklare. FontsLive levererar riktiga teckensnitt för CSS @ font-face.
Fontspring
99,9% av våra teckensnitt kan köpas med @ font-face-licenser. Få de teckensnitt du vill ha på din webbplats.
WebINK-webbfonter
WebINK är där du hittar högkvalitativa teckensnitt för dina webbplatser. Använd enkelt professionell typ från betrodda gjuterier på de webbplatser du designar. Och vi levererar dem till dig - snabb som en WINK.
Webtype
Webtype ger teckensnitt för högsta kvalitet online typografi, inklusive teckensnitt som konstruerades från början för specifikt för skärmläsning.
Font skapelse
FontStruct | Bygg, Dela, Hämta typsnitt
FontStruct låter dig snabbt och enkelt skapa teckensnitt som är konstruerade av geometriska former, som är ordnade i ett rutmönster, som kakel eller tegelstenar.
Font Generator - Skapa din egen typsnitt
YourFonts.com är en online fontgenerator som låter dig skapa egna OpenType-teckensnitt inom några minuter. Gå gör din egen handstil som ett teckensnitt!
Fontifier - Din egen handstil på din dator!
Fontifier låter dig använda din egen handstil för texten du skriver på din dator. Det gör ett skannat urval av din handstil till ett handskriftstyp som du kan använda i din textbehandlare eller grafikprogram, precis som vanliga teckensnitt som Helvetica.
FontEditor BitfontMaker
Bygg anpassade teckensnitt på nätet (lite som en nedskalad version av FontStruct).
Fontidentifiering
WhatTheFont!
Skicka in en bild till WhatTheFont för att hitta närmaste matchningar i vår databas. Eller låta kappdraperade fontentusiaster låna en hand i WhatTheFont Forum.
Vilken typsnitt är
Använda vilken typsnitt du kan identifiera det teckensnitt du letar efter!
Identifont - Typsnitt efter Utseende
Identifiera ett teckensnitt genom att svara på en serie enkla frågor om dess utseende.
TypeNavigator
Ett interaktivt, visuellt teckensökningssystem. Detta system är unikt genom att du kan identifiera teckensnitt genom minnet ensamt.
Förhandsgranska och hantera teckensnitt
Typetester - Jämför typsnitt för skärmen
Typetester är en onlineapplikation för jämförelse av teckensnitt för skärmen. Dess främsta roll är att göra webdesigners liv enklare.
CSS typ Set
CSS Type Set är ett praktiskt typografiverktyg som gör det möjligt för designers och utvecklare att interaktivt testa och lära sig att ställa in deras webbinnehåll.
flipping typiskt
flipping typiskt. kolla på hur olika ord ser ut i alla populära typsnitt på din dator.
Typschart - Bläddra Webtyp, Grab CSS.
Typschart låter dig bläddra igenom, förhandsgranska och jämföra webtypografi medan du hämtar css.
STC :: fontBROWSER ::
Se förhandsvisningar för de teckensnitt som är installerade på din maskin.
Font Viewer - myFontbook.com
myFontbook är ett snyggt nytt verktyg för att visa din typsnittsamling från din webbläsare. Font Viewer gör att du enkelt kan granska och katalogisera alla dina installerade teckensnitt. Körs i din webbläsare. Inget att installera.
Förhandsgranskning av teckensnitt - Google Font Directory
Låter dig välja ett teckensnitt från Google Font-katalogen med några textstylingsalternativ och förhandsgranska dem.
CSS Font och Text Style Wizard
Använd den här guiden för att experimentera med typsnitt och textstilar och skapa exempel på CSS-typkällkod. Den här guiden använder dynamisk HTML för att ändra bordets stil in situ, utan att ladda en annan sida. Den är korsläsare kompatibel med Firefox, Netscape, Internet Explorer och andra moderna webbläsare.
Typografi - Skala & rytm
Denna sida är både en uppsats och ett verktyg. Det går ut på att utforska hur två sammanflätade koncept, ofta lekfulla men ibland fräcka, kan uppmuntras att dansa på webbsidor. Dra de färgade rutorna längs skalan för att kasta dessa ord på nytt. För det mesta är den här texten bara en libretto för den prestation du ska spela på den.
Webtexemplar
Webtexemplar är en praktisk, webbdesigner med fri resurs och typdesigners kan använda för att se hur teckensnitt kommer att se på webben. Debuterade i en speciell fråga om en lista, är Web Font Font nu i sin andra iteration.
Konvertering och beräkning
Em Kalkylator
Em Calculator är ett litet JavaScript-verktyg som hjälper till att göra skalbar och tillgänglig CSS-design. Den konverterar storlek i pixlar till relativa enheter, som är baserade på en textstorlek.
PXtoEM.com
PX till EM-omvandling: Skrämmande, men inte riktigt lejon, tigrar och björnar tack vare PXtoEM.com
Online Font Converter
Online Font Converter konverterar teckensnitt till / från: .dfont .eot .otf .pfb .tfm .pfm .suit .svg .ttf .pfa .bin .pt3 .ps .t42 .cff .afm .ttc .woff & .pd.
Blandat
CopyPasteCharacter.com
Kopiera och klistra in specialtecken enkelt antingen direkt eller som HTML.
Typedia: En delad typografi för typsnitt
Typedia är en resurs för att klassificera, kategorisera och ansluta teckensnitt.
FontFonter
Prova Web FontFonts på vilken webbplats som helst.
Awesome Fontstacks
Skapa enkelt buntar av vackert matchande, fria webbfonter, med felsäkra teckensnittsstackar för att säkerhetskopiera dem. Inklusive färdig CSS-kod!
Bulletproof @ font-face syntax "Paul Irish
Den mest accepterade cross-browser-syntaxen för att använda @ font-face för att integrera anpassade teckensnitt på webben.
Essential Guide till @ font-face
Den här guiden kommer att lära dig hur du implementerar @ font-face med cross-browser-kompatibilitet och kommer också att titta på ett antal stödtjänster som har uppstått, vilket gör det ännu enklare att använda anpassade teckensnitt i dina webbdesigner.
Vad missade vi?
Webbplatserna ovan bör räcka för att få dig bra på vägen till blust av webbtyp, men det klarar bara ytan på vad som är tillgängligt. Lämna en kommentar nedan och berätta vilka fantastiska webbplatser du använder för att implementera vacker webtypografi.