Snelle tip bekijk direct Google-lettertypen in Chrome

Met de release van de Typecast komt public beta de volgende stap in de wonderlijke evolutie van weblettertypen. Een van de (zo niet de) grootste weblettertyperservice zijn Google-weblettertypen. Met meer dan 500 lettertypefamilies die zonder kosten of beperkingen kunnen worden gebruikt, biedt het een werkelijk opmerkelijke service. Laten we eens kijken naar een snelle manier om Google-lettertypen te bekijken, zonder ze daadwerkelijk in uw projecten te hoeven implementeren.


De lettertypen aangeboden door Typekit, fonts.com of high-end gieterijen kunnen van een hogere kwaliteit zijn qua ontwerp en bruikbaarheid, maar de drempel voor het gebruik van Google-weblettertypen is veel lager. Je hebt niet eens een Google-account nodig om je aan te melden.

Een probleem met het gebruik van weblettertypen is echter het testen van verschillende voorbeelden in uw eigen projecten. Terwijl u gewoon een andere lettertypestapel met gewone lettertypen kunt instellen, vereist een weblettertype een JavaScript-fragment (of een extra stylesheet) om de items te laden. Dit kan vervelend zijn als je verschillende verschillende weblettertypen snel achter elkaar wilt proberen.

Voer de Google Font Previewer in door Pamela Fox! Een opmerkelijke kleine Chrome-extensie waarmee u een voorbeeld van alle Google-weblettertypen kunt bekijken op elke site. Het enige wat u van u vraagt, is de css-selector voor het tekstblok waarvan u een voorbeeld wilt bekijken.


Bekijk de snelle tip


Download de video of abonneer je op Webdesigntuts + op YouTube ...

Met de extensie kunt u ook de tekstgrootte, tekstschaduw en enkele andere transformaties in het voorbeeld instellen. Het zou geweldig zijn als je ook andere weblettertypediensten kunt selecteren, net als bij Typecast, maar dit is voor nu een leuk en praktisch klein alternatief.


Middelen

  • Google Font Previewer voor Chrome