5 Verktyg att jämföra typsnitt och välj rätt typsnitt för ditt arbete

Under åren har vi pratat mycket om teckensnitt. Vi har sett hur du skapar teckensnitt 2 Gratis verktyg för att skapa din egen text teckensnitt 2 Gratis verktyg för att skapa din egen text Font Läs mer; hur man laddar ner några fria teckensnitt 5 Utmärkt källor för att ladda ner fria textfonter 5 Utmärkta källor för att ladda ner fria textfonter Läs mer; och vi har också kollat ​​på vad världen tycker om teckensnitt med hjälp av en omröstning. Men vi har aldrig riktigt satts ner och pratat om det första vi gör med typsnitt - jämför dem och se vilken som är precis rätt för vår användning.

Jag använder termen "font" här eftersom det är den mer använda termen, även om den korrekta är - typsnitt när vi pratar om dess utseende. Som typdesigner Norbert Florendo satte den - font är vad du använder, och typsnitt är vad du ser. Semantik åt sidan, när vi försöker välja en typsnitt jämför vi ganska mycket mellan de olika teckensnitt som är tillgängliga för oss. Här är sju verktyg som kan hjälpa dig att välja rätt typsnitt för ditt arbete.

Typetester

Online-typsnittsprogrammet är främst utformat för webbdesigners som spenderar en hel del tid på att få rätt skärmfont. Verktyget låter dig inte bara välja teckensnitt från olika listor (webbsäker lista, Windows-lista, Mac-lista, Google-lista), men ger dig också några nedrullningar för att spela med och ändra teckensnittets egenskaper. Du kan skriva in din egen provtext och spela också med färgen.

Du kan också välja olika andra teckensnitt som kanske inte finns på dessa listor. Du kan experimentera på provtexten genom att jämföra tre olika teckensnitt samtidigt eller välja en typsnitt och anpassa egenskaperna i de tre kolumnerna. Den smarta applikationen ger dig en användbar vy sida vid sida. (Se katalogförteckning)

FontComparer

Detta är ett annat dynamiskt jämförelseverktyg som låter dig jämföra olika webbfonter vid en blick. Valet av teckensnitt kommer från Googles typsnittskatalog och TypKit. Du kan skriva in din egen text och se hur teckensnitten ändrar tittningen på titeln och en rad text. När du hittar en typsnitt du vill, mus-över provtexten för att göra “Få typsnitt” länken visas. Klicka på den här länken och CSS för det tecknet kommer att visas i en ram vid foten av webbsidan. Du kan kopiera-klistra in koden i din egen webbsida HTML-kod. (Se katalogförteckning)

Font Tester

Font Tester är inte lika visuellt tillfredsställande som den första webbappsappen på vår lista, men det kan inte nekas om det är användbart med några fler alternativ som låter dig förhandsgranska och välja rätt typsnitt. Du kan använda typsnittjämförelsen och kolla in tre stilar sida vid sida. Du kan använda standardtexten eller ange din egen igen. Därefter spelar du om med CSS-egenskaperna (alla teckensnittsrelaterade är inkluderade) för att få precis rätt utseende du vill ha för din webbdesign. En färgplockare gör att du kan finjustera utseendet ytterligare. Det finns också en teckenkarta som du kan använda för att snabbt hitta den matchande HTML-enheten för ett visst tecken.

Designer Plaything

Experimentera med olika typsnitt och färgkombination på detta onlineverktyg. Tweak texten som rör kroppskopia och rubriker och spela med bakgrunds- och kroppstextfärgerna. Platsen är att du får en omedelbar återkoppling om huruvida din valda kombination möter W3C-rekommendationer (World Wide Web Consortium).

Du kan ställa in bredden på provartikeln tillsammans med längden på artikeln och styckena. Att designa för olika miljöer är också hjälpt av de nuvarande färgkontrast och ljusstyrka tillgänglighetsanvisningarna från både W3C och Hewlett Packard.

Teckensnitt Dragr

Denna typsnittskomparationsverktyg är en experimentell men intressant applikation av HTML5. Därför fungerar det bara i webbläsare som stöder den nya standarden. Just nu är det Firefox 3.6 och senare. Du kan helt enkelt dra och släppa alla typer av truetype (ttf), opentype (otf), skalbar vektorgrafik (svg) eller webbopenhetstyp (WOFF) från skrivbordet till vänsterfältet och det ändrar typsnittfamiljen i text. Standardtexten kan redigeras för att inkludera din egen. Du kan välja teckensnitt på den vänstra panelen och observera ändringarna.

Hittills har vi tittat på fem online-webapps som låter oss förhandsgranska och välja rätt typsnitt. Om du letar efter ett stationärt freeware istället, ta en chans med FontViewOK (ver.2.15). Det är en Windows-app och eftersom vår korta recension kommer att berätta är det enklare än de webbapps som vi har täckt ovan.

Är du en webbdesigner som behöver ett typsnitt jämförelse verktyg i sin webbdesign verktygslåda? Vilka är de andra teckensnittsrelaterade appar som du vill rekommendera?

Bildkredit: Shutterstock

Utforska mer om: Typsnitt, webbdesign, webbutveckling, verktyg för webbansvariga.