20 användbara font/typsnittsverktyg

Tidigare tipsade vi om ett helt gäng med sajter där snygga bilder kan hämtas till er blogg och webbplats här, och nu är det dags igen för ett litet avslöjande av liknande yrkeshemligheter... Den här gången ska det handla om fonter/typsnitt, som också är viktiga komponenter på en webbplats. Typsnittet man använder ska stämma överens med övriga designen, vara lätt att läsa och får gärna även ha en unik touch för just din webbplats - så att besökaren känner igen sig (och kanske känner sig lite mer sugen på att återvända en annan gång också?).

Six Revisions har sammanställt en guide över en mängd sajter med verktyg för just typsnitt/fonter - där man till exempel kan skapa egna typsnitt eller jämföra ett antal olika sida vid sida. Jag länkar in bilderna från Six Revision och tänkte dela med mig av dessa fullkomligt geniala tips nedan:

1. Typetester

Typetester låter dig jämföra olika typsnitt/fonter på en och samma sida, för att få en överblick över skillnaden mellan dem. Den provtext som du arbetar med får olika utseenden beroende på hur du själv ändrar dess inställningar och olika attribut.

2. FontStructor

FontStruct är ett gratis och webbaserat verktyg som du kan använda för att skapa egna fonter! Det är dessutom väldigt enkelt att använda, då det går snabbt att lära sig tack vare det intuitiva gränssnittet.

3. Font Tester

Font Tester är också ett gratis, webbaserat verktyg som jämför olika typsnitt gentemot varandra - det visar helt enkelt de olika fonter du valt bredvid varandra med respektive CSS egenskaper.

4. Typechart

Med Typecharts hjälp kan du snabbt få en överblick över ett antal fonter/typsnitt - och när du har sett ett som du gillar, så kan du trycka på "Get CSS"-knappen för att hämta dess egenskaper/stilregler.

5. OpenType Font Tester

OpenType Font Tester är ett webbaserat verktyg där du kan testa 20 stycken OpenType-typsnitt.

6. CSS-Typoset Matrix

CSS-Typoset Matrix hjälper dig att ta fram CSS-inställningar för dina fonter.

7. CSS Type Set

CSS Type Set låter dig experimentera med olika inställningar och attribut för fonter/typsnitt (såsom fontstorlek, fontvikt, fontfamilj osv.) på webben. När du känner dig nöjd med fonten så generas den rätta CSS koden till dig.

8. Type Navigator

Type Navigator är ett lättanvänt verktyg för att söka rätt på olika fonter/typsnitt på ett visuellt sätt. Det positiva med att sökningen är främst visuell är att du inte behöver kunna någon särskild "fontterminologi" för att finna den font du söker, utan hittar den lätt med endast ögonens hjälp.

9. Hi-Res FontTester

Hi-Res FontTester är ett enkelt och rättframt verktyg att testa olika fonter/typsnitt med. Du kan skapa hur många testtexter du vill, och när du känner dig klar med det, kan du exportera testerna till ett PDF-dokument för att spara själv eller dela med dig.

10. Font Burner

Med Font Burner kan du söka efter fonter som du kan inbädda på din sajt. Det är bara att inbädda fonten som du valt genom att kopiera och klistra in koden som Font Burner ger dig!

11. PXtoEM

PXtoEM är ett enkelt webbverktyg som visar dig en uppställning av värdena för pixlar, em, procent osv. baserade på en fonts basstorlekar. Om du vanligen brukar arbeta med pixlar, men ser nyttovärdet i att börja använda em som storleksenhet också, kan denna sida göra att du slipper hämta miniräknaren hela tiden...

12. WhatTheFont

Med WhatTheFont kan du ladda upp en skärmdump av en font/ett typsnitt som du inte vet namnet på, varpå WhatTheFont försöker att avgöra vilket typsnitt det är - och låter det vara färdigletat för dig.

13. Linotype Font Finder

Linotype Font Finder räknar ut vilken font du söker genom att ställa frågor om bokstävernas utformning, som t.ex. "Vilken typ av svans har stora Q hos denna font?"

14. IdentiFont

IdentiFont är ytterligare ett verktyg för att hitta den font/det typsnitt som du söker - sajten erbjuder dels en stor sökbar onlinedatabas, dels hjälper den dig att identifiera fonter genom att ställa en serie frågor om dem.

15. CSSTYPE

CSSTYPE är ett webbaserat verktyg där du kan experimentera med webbsäker typografi.

16. Fontifier

Fontifier är ett verktyg som generar användbara fonter/typsnitt baserade på din egen handstil - det är ett riktigt bra sätt att skapa en unik känsla för din webbplatsdesign!

17. Designer Plaything

Med hjälp av Designer Plaything kan du experimentera med olika typer av webbtypografi, färgkombinationer och färgtillgänglighet. Det finns en webbaserad version och en nedladdningsbar version som kan hämtas här.

18. Serif Font Identification Guide

Serif Font Identification Guide är ett visuellt sökverktyg som presenterar serier av bilder som du kan välja mellan för att kunna matcha den font du söker så bra som möjligt.

19. Font Picker

Font Picker är ett enkelt verktyg som ger dig möjlighet att få en överblick över alla fonter/typsnitt som är tillgängliga på din dator. Det kan exempelvis vara användbart för att snabbt förhandstitta och även välja ut ett typsnitt till en design som du ska göra.

20. CSSTXT

CSSTXT är ett okomplicerat webbverktyg som genererar CSS-stilregler för webbtypografi.

Det var alla 20 verktygstips! Jag hoppas att de kan vara till hjälp - de är sannerligen det för oss i alla fall. Lycka till i fontdjungeln!