Ultimate Web Font Resource Roundup 50 fantastiska webbplatser

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.