Advertisement
Typography

Working With WebINK: Pro-Quality Fonts for the Web

by

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
    Office
    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
    Interviews
    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…
  • Code
    Tools & Tips
    Browser Testing in the Cloud ReduxBrowser testing cloud redux retina preview
    I've written quite a bit about browser testing solutions trying to help identify techniques and tools that make cross-browser development easier. My last article on the subject covered how to use BrowserStack to test any number of browsers all from one central tool; your own browser. I was on a Windows PC back then so testing multiple browsers was a bit easier and testing tools were mainly complementary to my work. Now that I'm on OS X, the need for tools to round out my testing strategies is even more important, specifically because of the lack of Internet Explorer on the OS. I'm a bit of a stickler for what I install on my computers and I prefer online tools when available. I'm also always on the hunt for new tools that make cross-browser testing easier and decided to give CrossBrowserTesting.com a run. I'll go over some of the key features of the service and how to leverage it to improve your testing capabilities.Read More…
  • Web Design
    Typography
    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
    Typography
    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…