Werken met WebINK Pro-kwaliteit lettertypen voor het web

WebINK van Extensis is een weblettertypedienst die u toegang geeft tot meer dan duizend lettertypefamilies, geproduceerd door de beste gieterijen in de branche. Als ontwerper kunt u hun lettertypen gratis in Photoshop gebruiken en in ontwikkeling nemen voordat u het hele project aan het WebINK-account van uw klant overdraagt..

Gesponsorde inhoud

Dit is een gesponsorde beoordeling of weggeefactie van een product / service die met name relevant is voor onze lezers.

Het gebruik van gratis weblettertypen, via een service zoals Google Fonts, of zelfs het nemen van een lettertype dat je zelf hebt gedownload en geconverteerd, is niet altijd de beste manier om dingen aan te pakken. Hier zijn een of twee redenen die het overwegen waard zijn:

  • Kwaliteit: Je zult vaak merken dat de tekenspatiëring, afstand tussen elk teken, niet goed in balans is - of dat de vorm van het lettertype minder verfijnd is dan je zou willen.
  • Onvolledige tekensets / ontbrekende glyphs: Dit is vooral duidelijk als je te maken hebt met iets anders dan West-Europese karakters.
  • Individualiteit: Er zijn kwaliteitsvrije weblettertypen beschikbaar (denkt Open Sans) maar deze lettertypen worden logisch gebruikt op websites over het hele spectrum - waar is het unieke aspect van uw typografische keuze daar?!
  • Licensing: Dit is geen probleem bij het gebruik van Google Web Fonts, maar de wettigheid van het gebruik van gratis lettertypen van andere services, vooral als u zelf een lettertype hebt geconverteerd, kan een wankel moment zijn.

WebINK in uw workflow


Je kunt ook de video downloaden of je abonneren op Webdesigntuts + screencasts via YouTube

Eén ding dat ik in de video niet vermeldde, is de afwezigheid van een JavaScript-koppelingsmethode. Veel webservices met lettertypen bieden JavaScript-koppelingen waarmee correcties kunnen worden aangebracht als FOUT (Flash of Unstyled Text) wordt aangetroffen. FOUT is die vervelende flits die kan gebeuren wanneer lettertypen worden uitgezet als ze worden geladen. Dit is vooral duidelijk, zoals je zou verwachten, op langzame verbindingen.

WebINK biedt alleen CSS- en HTML-koppelingen, simpelweg het effect van FOUT tegengaan met snel laden van lettertypen. Hun lettertypen worden gehost op de S3-cloudservice van Amazon over de hele wereld, wat betekent dat bestanden worden geladen vanaf de geografisch dichtstbijzijnde servers..

Notitie: Het is ook de moeite waard om erop te wijzen dat de korte paginaverversing die ik moest uitvoeren, te wijten was aan het feit dat ik eerder met die URL heb gespeeld - browsercache heeft dingen opgestart. Ook is de ongewoon lange laadtijd in Photoshop mogelijk beïnvloed door mijn screencasting-software die verwerkingsbronnen opzuigt.


Koppel o 'Links

  • WebINK
  • WebINK Photoshop-extensie
  • Fontdropper bookmarklet
  • @webink op Twitter
  • Een beginnershandleiding voor het koppelen van lettertypen
  • Waarom Google Web Fonts niet echt open source zijn door Matthew But-t-er-ick