Working With WebINK: Pro-Quality Fonts for the Web


WebINK by Extensis is a web font service which gives you access to over a thousand font families, produced by the best foundries in the industry. As a designer, you can use their fonts in Photoshop and in development, for free, before handing over the whole project to your client's WebINK account.

Sponsored Content

This is a sponsored review or giveaway of a product/service that's particularly relevant to our readers.

Using free web fonts, through a service such as Google Fonts, or even taking a font you've downloaded and converted yourself, isn't always the best way to go about things. Here are one or two reasons worth taking into account:

  • Quality: You'll often notice the kerning, spacing between each character, isn't well balanced - or that the form of the typeface is less refined than you'd want.
  • Incomplete character sets/missing glyphs: This is evident particularly if you're dealing with something other than Western European characters.
  • Individuality: There are quality free web fonts available (think Open Sans) but these fonts are logically used in websites all across the spectrum - where's the unique aspect of your typography choice there?!
  • Licensing: This isn't an issue when using Google Web Fonts, but the legalities of using free fonts from other services, especially if you've converted a font yourself, can be shaky ground.

WebINK in Your Workflow

Alternatively, download the video, or subscribe to Webdesigntuts+ screencasts via YouTube

One thing I didn't mention in the video is the absence of a JavaScript linking method. Many font web services offer JavaScript linking which allows for fixes if FOUT (Flash of Unstyled Text) is encountered. FOUT is that annoying flash which can happen when fonts are switched out as they're loaded. This is particularly evident, as you'd expect, on slow connections.

WebINK provide just CSS and HTML linking, simply countering the effect of FOUT with fast font loading. Their fonts are hosted on Amazon's S3 cloud service, all over the globe, meaning that files are loaded from the geographically nearest servers possible.

Note: It's also worthing pointing out that the brief page refresh I needed to perform was owing to the fact that I'd previously been playing with that url - browser cache tripped things up. Also, the unusually long loading time in Photoshop may have been influenced by my screencasting software sucking up processing resources.

Couple o' Links

Related Posts
  • Computer Skills
    How to Make Professional Invoices in a Word ProcessorStacksonstacksonstacks
    Starting a business, or doing freelance work? Here's a quick and easy way to create estimates and invoices that will impress your clients and get your payments through, hassle-free, using the word processor you already have.Read More…
  • Computer Skills
    How to Edit PDF Documents in Microsoft WordPdf word
    PDF documents have long felt impenetrable without Adobe Acrobat, but that's all changed. Here's how to edit PDFs natively in Word 2013, or in any version of Word with other tools.Read More…
  • Web Design
    A Quick Q&A With Jason PamentalJason thumb
    Jason Pamental has been working the web for a long time; so long in fact, he's even used something called "Netscape". This experience, coupled with his passion for responsive design and web typography (amongst many other things) have made him a familiar face on the speaking circuit. I caught up with him, shortly before he heads to London for the Future of Web Design, and fired a few questions his way.Read More…
  • Web Design
    Applications and Tools
    The ThemeForest Author’s Guide to Unbounce TemplatesUnbounce preview
    In this tutorial I'm going to introduce you to Unbounce, a tool for building campaign-specific landing pages. We'll walk through the anatomy of various types of landing page, go through the tool’s features, then cover what’s needed to sell your own Unbounce templates on Themeforest.Read More…
  • Web Design
    Figuring Out @font-faceF preview
    Within the last five years, typography on the web has taken quite an about face (sorry, pun intended). It used to be that web designers were constrained to using web-safe fonts only; system fonts available on all users' computers. As you can imagine (or experienced first-hand), this was frustrating to us type freaks, but we dealt with it. However, in a weird way it was kind of nice because you had a limited set of fonts to choose from, so the time spent picking the perfect font was minimal (I’m not complaining). Now though, a font specific to the look and feel you want to achieve is possible, and companies can now project their visual brand language through typography.Read More…
  • Web Design
    H&FJ Web Fonts: A Field GuideHfj retina
    Since Hoefler & Frere-Jones announced their foray into the world of web fonts, the internet has been overflowing with the rejoicing of designers and typographers everywhere. Finally, one of the most popular type foundries out there has released their long-awaited competitor to the web font services of late!Read More…