Where to download free web fonts
Posted on 2 May 2013 at 09:03
Download free fonts for the web using Tom Arah's guide to the best online repositories
Having a single web font format would be far too simple for the world of IT. This means that, as with web video, a web designer must provide web fonts in all of these formats and then load them up appropriately as required.
Thankfully, though, most of the pain has been taken out of this process by online services.
An excellent example is Font Squirrel, which searches through a wide range of open-source web fonts that can be downloaded, arranged into categories such as Calligraphic, Display and Grunge.
You can even download your chosen face as a font kit, which provides the typeface in multiple formats, along with the necessary CSS code to deliver them correctly to each browser. Best of all, Font Squirrel lets you upload your own typefaces to generate font kits, enabling you to deliver any font yourself (assuming that the font licence permits such use).
Google Web Fonts
Several services go a stage further and will deliver their own range of open-source fonts directly to your end users through a super-efficient content delivery network.
Here, Google Web Fonts is leading the way for free handling, with more than 600 font families and more being added all the time. All you need do is select which fonts you want to use, add them to a collection, choose whether or not you need an extended character set, and then pick up the one line of custom code you need.
Google also provides advice on deploying your fonts, and lets you download them for local installation, which is important if you’re designing your site in Photoshop or producing a brand identity across both web and print. Google is also trialling web-font subsetting and styling, which will help make the most of short sections of eye-catching text, say in banners, buttons or adverts.
Google Web Fonts has plenty going for it, not least its popularity, which should ensure many common fonts are already cached by your visitors’ browsers, further boosting download performance. However, there are concerns about the quality of some of its open-source fonts, especially for use in long sections of body copy.
Adobe Typekit/Edge Web Fonts
For professional use, the Typekit service, which was acquired by Adobe in 2011, provides a wider range of fonts – currently almost 900, with 1,000 more Monotype faces in the pipeline – from a wider range of foundries and designers, all carefully optimised and hinted for web use. It also provides the most attractive front-end for finding the perfect font, provides useful information about each typeface, and lets you quickly try out your own text online and see how your font will render at any size on any browser (right back to IE6 on Windows XP).
The major downsides of Typekit are that you don’t get direct access to the fonts for downloading, and you have to pay if you want to move beyond its free personal usage offer of one website/two fonts/25,000 page views per month. However, the pricing is reasonable, with unlimited fonts on any number of websites available for only $50 a year. If you’re a member of Adobe’s Creative Cloud, this is included in the package.
As an alternative, Adobe has made more than 500 screen-optimised, open-source fonts from the Google Web Fonts collection available for free delivery via its Typekit infrastructure through its new Adobe Edge Web Fonts service. The online front-end for selecting Edge fonts and generating your code is currently pretty well non-existent, and it may well stay that way, too.
The real advantage of the Edge Web Fonts service is that Adobe is integrating them directly into its new range of web-authoring applications: within the latest version of Muse, for example, you can already visually select from a range of Edge Web Fonts and apply them to text, just as you would in a print-orientated design package.
Google for Desktop
Google announced on 1st May, that the fonts can now be downloaded directly to the desktop (OS X and Windows)
The idea is to improve performance in the browser, by having the fonts pre-installed on the PC, so it doesn't have to download them when loading a page.
By big_D on 3 May 2013
I waited a long time for a free service like this to be made available, finally liberating web design from a restrictive set of fonts, and mismatch issues cross platform.
Not a big fan of the Adobe route due to the restrictions and costs.
I'm hoping too that with full HTML 5 or HTML 6 support we can look to dumping the need for Flash and maybe Java too, to reduce malware vectoring.
By Gindylow on 20 May 2013
- How to sell more ebooks on Amazon
- 10 ways to make your business more secure
- Top five VoIP mistakes
- How to add in-app purchasing to an iPhone, Android or Windows app
- Remote-control ransomware: TeamViewer and software hardball
- Why laptops with serial ports matter to the Internet of Things
- Make your mobile battery last longer
- Small steps into handling Big Data
- Nexus 5: does it really run stock Android?
- How to get broadband to a garden office
- Windows 10: a step back to go forward
- Michael Dell: Cloud infrastructure is the roads, bridges and highways of the 21st century
- How to check your identity hasn’t been sold to the hackers
- Tim Cook: this is how much TV has changed since the 70s
- Westminster wins the .London battle
- 20 years of PC Pro: from deep pan pizza to virtualisation
- Five reasons why the Apple Watch leaves me cold
- Apple Watch, iPhone 6 and 6 Plus: Tim Cook's Apple back with a bang?
- BT Home Hub 5: how to get maximum speed
- 20 years of PC Pro: one-star reviews (including "the worst tablet we've ever seen")
- Chromebooks get version of Photoshop
- Toshiba beats retreat from consumer PC market
- Ellison steps down: but who's really running Oracle now?
- Microsoft set to make more job cuts
- Is Peter Pan panto tickets email genuine? Oh no, it isn't
- Intel triples Xeon E5 chip performance, adds DDR4
- Patch Tuesday targets critical IE flaw
- Microsoft refuses to hand over customer emails
- Microsoft yanks Windows 8.1 update after crash reports
- Microsoft backtracks on blocking out-of-date Java