Arbeta med WebINK Pro-kvalitetstypsnitt för webben

WebINK av Extensis är en webbtypstjänst som ger dig tillgång till över tusen teckensfamiljer, som produceras av de bästa gjuterierna i branschen. Som designer kan du använda sina teckensnitt i Photoshop och i utveckling gratis innan du överlämnar hela projektet till kundens webbkonto.

Sponsrat innehåll

Detta är en sponsrad recension eller giveaway av en produkt / tjänst som är särskilt relevant för våra läsare.

Använda gratis webbfonter, genom en tjänst som Google Fonts, eller till och med att ta ett teckensnitt du har laddat ner och konverterat dig, är inte alltid det bästa sättet att gå om saker. Här är en eller två skäl som är värda att ta hänsyn till:

  • Kvalitet: Du märker ofta att kerningen, avståndet mellan varje tecken, inte är väl avvägd - eller att teckensnittets form är mindre raffinerade än vad du vill.
  • Ofullständiga teckenuppsättningar / saknade glyfer: Detta är tydligt, särskilt om du har att göra med något annat än västeuropeiska karaktärer.
  • Individualitet: där är Kvalitetsfria webbfonter tillgängliga (Tänk Open Sans) men dessa teckensnitt används logiskt på webbplatser över hela spektret - var är den unika aspekten av ditt typografi val där?!
  • Licensing: Det här är inte ett problem när du använder Google Webbfonter, men det kan vara skakigt att använda fria teckensnitt från andra tjänster, särskilt om du själv har konverterat ett teckensnitt..

WebINK i ditt arbetsflöde


Alternativt kan du ladda ner videon, eller prenumerera på Webdesigntuts + skärmdumpar via YouTube

En sak som jag inte nämnde i videon är avsaknaden av en JavaScript-länkningsmetod. Många typsnitt webbtjänster erbjuder JavaScript-länkning som möjliggör korrigeringar om FOUT (Flash of Unstyled Text) stöter på. FOUT är den irriterande blixten som kan hända när teckensnittet slås ut när de laddas. Detta är särskilt tydligt, som du förväntar dig, på långsamma anslutningar.

WebINK tillhandahåller bara CSS och HTML-länk, helt enkelt motverkar effekten av FOUT med snabb typsnittsladdning. Deras teckensnitt är värd Amazons S3-molntjänst, över hela världen, vilket innebär att filer laddas från de geografiskt närmaste servrarna som är möjliga.

Notera: Det är också värt att påpeka att den korta uppdateringen av sidan jag behövde utföra berodde på det faktum att jag tidigare spelat med den här webbläsaren cachen snubblade upp saker. Den ovanligt långa laddningstiden i Photoshop kan också ha påverkats av att min skärmdatorprogram suger upp bearbetningsresurser.


Par o 'Länkar

  • WebINK
  • WebINK Photoshop-förlängning
  • Fontdropper bookmarklet
  • @webink på Twitter
  • En nybörjarhandbok för att koppla in teckensnitt
  • Varför Google Web Fonts är inte riktigt öppen källkod av Matthew But-t-er-ick