5 Hulpmiddelen om lettertypen te vergelijken en het juiste lettertype voor uw werk te kiezen

In de loop der jaren hebben we veel gesproken over lettertypen. We hebben gezien hoe je lettertypen kunt maken 2 Gratis tools om je eigen tekst te maken Lettertype 2 Gratis tools om je eigen tekst te maken Lees meer; hoe een aantal gratis lettertypen te downloaden 5 Uitstekende bronnen om gratis tekstlettertypen te downloaden 5 uitstekende bronnen om gratis tekstlettertypen te downloaden Lees meer; en we hebben ook nagegaan wat de wereld denkt over lettertypen met behulp van een peiling. Maar we zijn nog nooit helemaal stil geweest en hebben het gehad over het eerste wat we met lettertypen doen - vergelijk ze en kijk welke het meest geschikt is voor ons gebruik.

Ik gebruik de term 'lettertype' hier omdat het de meer gebruikte term is, hoewel de juiste is - lettertype, wanneer we het hebben over het uiterlijk. Zoals Type Designer Norbert Florendo het uitdrukte - doopvont is wat je gebruikt, en lettertype is wat je ziet. Naast de semantiek, wanneer we een lettertype proberen te selecteren, doen we aardig wat vergelijking tussen de verschillende beschikbare lettertypen. Hier zijn zeven gereedschappen die u kunnen helpen bij het kiezen van het juiste lettertype voor uw werk.

Typetester

De online lettertypetoepassing is voornamelijk bedoeld voor webontwerpers die heel veel tijd besteden aan het verkrijgen van het juiste schermlettertype. Met dit hulpmiddel kunt u niet alleen lettertypen uit verschillende lijsten selecteren (webveilige lijst, Windows-lijst, Mac-lijst, Google-lijst), maar u ook een aantal vervolgkeuzemenu's geven waarmee u de eigenschappen van de lettertypen kunt bewerken en wijzigen. U kunt uw eigen voorbeeldtekst invoeren en ook met de kleur spelen.

Je kunt ook een verscheidenheid aan andere lettertypen kiezen die er misschien niet zijn in deze lijsten. U kunt experimenteren met de voorbeeldtekst door drie verschillende lettertypen tegelijk te vergelijken of één lettertype te selecteren en de eigenschappen in de drie kolommen aan te passen. De gelikte toepassing geeft u een bruikbaar beeld naast elkaar. (Zie Vermelding directory)

FontComparer

Dit is een andere tool voor dynamische vergelijking waarmee u verschillende weblettertypen in één oogopslag kunt vergelijken. De lettertypen worden gekozen uit de lettertypemap en TypeKit van Google. U kunt uw eigen tekst typen en zien hoe de lettertypen het uiterlijk van de titel en een regel tekst veranderen. Wanneer u een lettertype vindt dat u bevalt, beweegt u met de muis over de voorbeeldtekst om het lettertype te maken “Koop lettertype” link verschijnt. Klik op deze link en de CSS voor dat lettertype wordt weergegeven in een kader aan de voet van de webpagina. U kunt de code kopiëren en in de HTML-code van uw eigen webpagina plakken. (Zie Vermelding directory)

Font Tester

Font Tester is niet zo visueel aantrekkelijk als de eerste web-app op onze lijst, maar het nut ervan wordt niet ontkend, want er zijn nog enkele opties waarmee u een voorbeeld van het juiste lettertype kunt kiezen. U kunt de lettertypevergelijking gebruiken en drie stijlen naast elkaar bekijken. U kunt de standaardtekst gebruiken of uw eigen tekst opnieuw invoeren. Speel vervolgens met de CSS-eigenschappen (alle lettertypegerelateerde zijn inbegrepen) om precies de juiste look te krijgen die u wilt voor uw webontwerp. Met een kleurenkiezer kunt u het uiterlijk verder verfijnen. Er is ook een personagekaart waarmee u snel de overeenkomende HTML-entiteit voor een bepaald teken kunt vinden.

Designer Plaything

Experimenteer met verschillende lettertypen en kleurencombinaties op deze online tool. Tweak de tekst die betrekking heeft op lichaamsexemplaren en koppen, en speel met de achtergrond en lichaamstekst kleuren. Het voordeel is dat u onmiddellijk feedback krijgt over de vraag of uw gekozen combinatie voldoet aan de aanbevelingen van het World Wide Web Consortium (W3C).

U kunt de breedte van het voorbeeldartikel samen met de lengte van het artikel en de alinea's instellen. Ontwerpen voor verschillende omgevingen wordt ook geholpen door de aanbevelingen voor onmiddellijk kleurcontrast en helderheidsbereikbaarheid van zowel W3C als Hewlett Packard.

Lettertype Dragr

Dit hulpprogramma voor het vergelijken van lettertypen is een experimentele maar interessante toepassing van HTML5. Daarom werkt het alleen in browsers die de nieuwe standaard ondersteunen. Op dit moment is het Firefox 3.6 en hoger. U kunt eenvoudig een TrueType- (ttf), opentype (otf), schaalbare vectorafbeeldingen (svg) of Web Open Font Format (WOFF) -lettertypen van het bureaublad naar de linkerbalk slepen en deze verandert de lettertypefamilie van de tekst. De standaardtekst kan worden bewerkt om uw eigen tekst op te nemen. U kunt de lettertypen selecteren in het linkerdeelvenster en de wijzigingen bekijken.

Tot nu toe hebben we gekeken naar vijf online webapps waarmee we een voorbeeld van het juiste lettertype kunnen bekijken en selecteren. Als u in plaats daarvan op zoek bent naar een desktop freeware, maak dan een kans met FontViewOK (versie 2.15). Het is een Windows-app en zoals onze korte beoordeling u zal vertellen, is het eenvoudiger dan de web-apps die we hierboven hebben behandeld.

Bent u een webdesigner die een gereedschap voor het vergelijken van lettertypen nodig heeft in zijn webontwerptoolkit? Wat zijn de andere lettertype-gerelateerde apps die u zou willen aanbevelen?

Beeldcredits: Shutterstock

Ontdek meer over: lettertypen, webontwerp, webontwikkeling, Webmasterhulpprogramma's.