Tag archive for 'fonts'

03
Dec

Getting the hint (Where is Envy Code R?)

I know, I said there would be a good chance that the next version of Envy Code R would be out this weekend but the annoying sizing, thickness and cropping issues that came up at some sizes above and below the optimum 10 point were really annoying me.

Many articles later, some playing around with Microsoft Visual TrueType and much frustration and experimentation later I think I'm on the right path.

Here is how Envy Code R is looking on Windows right now with standard font smoothing.

Envy Code R hinted on Windows with standard font smoothing at various sizes.

ClearType doesn't look as good and I'm still learning the black art and the implications of each type of hinting instruction.

Strangely, these hints seem to be ignored on the Mac which is still rendering everything a little too thick especially on curves. Perhaps that is why so many developers create a Mac-specific version?

Once I'm happy with how the regular version works I'll put it online for download and then whip the bold and italic variants in to shape and any feedback into regular for the proper 0.7 release.

A newer version of Envy Code R is available.

[)amien

05
Nov

Professional quality free fonts*

FontShop free

Every month FontShop make a font available for free for a limited time so grab it while you can. The best option is to join their monthly newsletter so you don't miss one!

Ralph Levien

Ralph is behind the excellent Inconsolata font which is great for printing code or if you like large programming fonts. He also has a number of classical typefaces including the great ATF Century Catalogue, Museum Caps, LeBe, ATF Bodoni and ATF Franklin Gothic.

Microsoft OpenType Font Pack

A bunch of licenced fonts available from Ascender Corporation including the stylish Kooteny and sharp Miramonte.

Jos Buivenga

Sample of Fertigo font.Jos has produced a number of beautiful typefaces free to download. I particularly like the subtle quirks of Delicious and the flowing curves of Fertigo (sample shown_ but also check out some of the others available too.

MgOpen

These fonts were previously commercial and designed for the Greek alphabet and the four fonts available - Canonica, Cosmetica, Modata, Moderna - look great in the Latin alphabet too.

Die Gestalten

A number of experimental fonts for download but not redistribution including the rather delicious Engel Light ltd.

COM4t

These people produce a number of great free fonts including the elegant COM4t Fine Regular and Quilline Script Thin.

If you love typography then check out the ILoveTypography blog for news on great typefaces and tips on designing your own font.

[)amien
* some restrictions apply to usage on some of the fonts, check the licences for details.

13
Oct

Older pixel fonts back online

Some of my older bitmap "pixel" font files are now available again, they are:

  • Envy Code A - sizes from 7pt-12pt in both regular and bold weights
    Envy Code A font at 7pt regular
  • Envy Code B - sizes from 9pt-10pt in regular, bold, italic and bold italic. (was the basis for Envy Code R)
    Envy Code B font at 9pt regular
  • PalmOS - a Window port of the PalmOS system font recreated from screenshots.
    PalmOS font at 8pt regular

I also have about 20 pixel fonts from my Spectrum days that I am intending on bringing across to Windows FON format in the near future.

[)amien

16
Aug

Envy Code R preview #6 forthcoming

Envy Code R has been updated since this post.

I have been experimenting with Envy Code R over the last few months - everything from creating a bold version to delta hinting with Visual TrueType with mixed results.

Part of the problem is that at larger sizes the odd shapes and over-emphasized curves that I drew to make the font look great at 10-point with ClearType on makes it look awkward at larger sizes.

Last weekend, I went back to the drawing board, literally, to try and improve on the shapes without impacting too much on the 10-point size ClearType version. The result is as follows;

Envy Code R preview 6

And for comparison, the old version:

Envy Code R preview 5

Let me know your thoughts in the comments, even if it's just to say your prefer PR6, Consolas or something else. Be sure to mention what size and whether you have ClearType on (or if you are using a Mac).

[)amien

13
Jun

Font rendering philosophies of Windows and Mac OS X

Jeff Atword asked What's Wrong With Apple's Font Rendering? and as I answered in the comments it comes down to philosophy:

The primary difference is that Microsoft try to align everything to whole pixels vertically and sub-pixels horizontally.
Apple just scale the font naturally - sometimes it fits into whole pixels other times it doesn't.
This means Windows looks sharper at the expense of not actually being a very accurate representation of the text. The Mac with it's design/DTP background is a much more accurate representation and scales more naturally than Windows which consequently jumps around a lot vertically.

Jeff and Joel both wrote follow up posts agreeing that it is one of philosophy but both are of the opinion that the Windows pixel-grid approach is the better whilst our displays are only capable of low dots-per-inch (DPI).

What they don't seem to appreciate is the compromise this causes.

Here is an example of Times New Roman on Windows (left) and Mac OS (right) scaled over whole point sizes with sub-pixel precision:

Font scaling on Windows and Mac OS X

The two thing to note here arising from this "pixel-grid is king" approach are

  1. Windows does not scale fonts linearly as the rough line points out
  2. Windows scales the height and width but not the weight of the font

Neither of these may matter to a casual user but for professionals preparing material destined for high DPI (film or print) then it's a world of difference. How can you layout a page on-screen and expect the same result on the page when the font isn't the same width?

The issue is reminiscent of the "I hate black bars on wide-screen films" brigade who believe that the film should be chopped, panned, scaled and otherwise distorted from the artists original intention simply so that it fits better on their display.

Typography has a rich and interesting history developed and honed over centuries. It is a shame to misrepresent typefaces especially as the pixel-grid approach becomes less relevant as displays reach higher resolutions.

Update

Some additional comparisons and a note that the gamma differences between Windows and Mac will affect how you see the "other" systems rendering on your machine.

Further update (21 August 2007)

Thanks to Daring Fireball and ZDNet we've had a few more great comments which I've summarised here:

George thinks the philosophy idea is wrong because "What percentage of Mac users sit around all day doing nothing but pre-press work?" but as Fred points out Microsoft's desktop-user optimised rendering ends up on images and videos all over the web, thus escaping the environment for which it was crippled.

George also claims that Vista's rendering is improved, I can't vouch for that one way or another but from looking at his screen shots the difference there could simply be the contrast level as adjusted by the ClearType tuner.

Nathaniel believes that it's not Microsoft's job to manipulate a typeface and that if you want on-screen readability then choose a font designed for that such as Microsoft's own Tahoma or Apple's Lucida Grande.

I'd go further and say that Microsoft's own aggression in sticking to the grid kills font choice at the regular reading size of 10/11 point by optimising everything to a generic sans or serif look:

Windows XP

Windows fonts around 11pt in ClearType

Mac OS X

Mac OS X fonts around 13pt in Medium (Best for LCD)

James points to an article called Texts Rasterization Exposures that proposes a combination of using vertical hinting only and calculating horizontally to 256 levels and has some convincing screenshots showing the benefits. Probably too late for Leopard or Vista SP1 though.

[)amien

17
May

Red Hat releases Liberation fonts

Linux vendor Red Hat have released a font family named Liberation under a GPL licence.

The family consists of three typefaces known as Liberation Serif, Liberation Sans and Liberation Mono each in normal, italic, bold and bold italic variants. The fonts are not hinted in this initial release so may not look too great on-screen at some sizes. Red Hat expect to release better-looking hinted versions in the future. Having attempted hinting Envy Code R font myself they have my sympathy.

These new fonts are designed to be metric-compatible (and therefore interchangeable) with the standard Windows fonts of Times New Roman, Arial and Courier New intending to "Liberate" documents from Microsoft's fonts. Bearing in mind Office 2007 pushes new typefaces as the default I'm not sure how successful this will be long-term.

Microsoft's typefaces were designed to be metric-compatible with the classic Times Roman (1931), Helvetica (1957) and Courier (1955) typefaces in the first place so perhaps Red Hat would have been better off licensing or mimicking those instead.

Screen shots follow.

Windows

The Liberation fonts on Windows using ClearType alongside the Windows fonts they intend to replace. The free Bitstream Vera family equivalent is also shown (only Vera Sans Mono is metric-compatible).

Mac

Microsoft's Windows fonts alongside Apple's versions of the originals and the Liberation fonts again all rendered with Mac OS X and sub-pixel precision aliasing. Point sizes have been increased by 3pt to compensate for the difference in on-screen DPI.

[)amien

20
Apr

Windows font evolution

Vista and Office 2007 are interesting as they provide major user interface work that also includes new sets of fonts. I thought it would be interesting to show the evolution of the various styles.

Serif

Times New Roman has been the default typeface in Microsoft Word since version 1 and was originally designed for printing newspapers on high speed printing machines whilst still retaining legibility.

Curiously enough whilst Office 2007 provides a couple of new serif typefaces the default has switched to the sans-serif font Calibri although a number of the the themes within Office 2007 utilise these typefaces.

Serif font evolution in Windows

Sans-serif

The infamous Helvetica clone Arial primarily used for on-screen document-type work and even used in some applications user-interfaces throughout the years gives way to two new lighter fonts that like most of the new 'C' named typefaces rely on ClearType to look legible at small sizes.

Calibri is now the default font of choice for Word documents and will therefore probably become a familiar typeface in a short space of time.

Sans-serif font evolution in Windows

Monospace

Primarily used for programming and other environments that require it. At least all those programmers too lazy to try something else will enjoy Consolas as standard in Visual Studio 2007.

Monospace font evolution in Windows

User interface

The Windows user-interface switches to a new font once again despite large chunks of the Windows UI never making it past Microsoft Sans Serif (the scalable version of MS Sans Serif pictured below).

Interface font evolution in Windows

[)amien

09
Apr

Programming fonts you might not have tried

If you're tired of the ugly-as-sin Courier New and have tried the popular well-known scalable TrueType/OpenType mono-spaced/fixed-width replacements:

And you're still not feeling it then why not give these potentials a quick spin.

Anonymous

Anonymous is typographer Mark Simonson's reworking of a bitmapped Mac font from the mid-90's into scalable TrueType form.

Anonymous font in Visual Studio

Rather unusually some of the characters have serifs and others do not - most likely due to the space restrictions of the original bitmap font but carried through to the design.

The overall feel is one that is less cluttered than Courier whilst also hanging onto the past - strangely enough anything written in Anonymous immediately makes me think it could be SQL syntax.

Character similarity does exist a little between the 1 and the l and the backwards slash through the zero might not be your cup-of-tea but it's certainly worth a look.

Available: free from Mark Simonson Studio.

Crystal

A geometric styled mono-spaced font with distinguishable 0 and O, 1 and l, 5 and S that looks best at 15pt and above so maybe one for the programmer who prefers large fonts.

Crystal font in Visual Studio

Available: free from Urban Fonts.

Onuava

Another geometric design that works best at larger sizes. It has a slashed 0 and distinguishable glyphs.

Onuava font in Visual Studio

Available: free from Urban Fonts.

Share Technical Monospaced

For those that like very square fonts this one could be a contender - providing the author can fix the problem where an f and an l placed together causes both to disappear - an unexpected empty ligature perhaps?

ShareTech font in Visual Studio

Available: free from Typo3.

Feel free to comment on any other great finds but please, no more references to bit mapped pixel fonts!

If you're wondering what the state of Envy Code R is... I'm trying to solve the various issues with the heights at certain levels. I think the solution to the problems is delta-hinting but it is a bit of a black art and I don't have the right tools for the job.

Envy Code R has been updated since this post.

[)amien




Feed subscription

Blog topics