Broken Links

Thoughts on web development and technologies by Peter Gasston

Search

Category: Typography

Choosing the right type for your website

As I get ready to kick off a couple of personal web projects, I’ve been reading Enric Jardí‘s book, Twenty two tips on typography*, a primer on what works and what doesn’t in typography. Although Jardí mainly works on type for print, most of the rules also apply to type for the web. In this article I’m going to highlight five of his tips which are useful in deciding upon the right type for a project.

Read the full post


Checking for installed fonts with @font-face and local()

Firefox 3.5 was released earlier today, and joins Safari in supporting the @font-face rule with OpenType and TrueType font families, allowing you to use a wider range of fonts in your designs (as long as they are correctly licensed, of course).

One slight drawback of the technique is the blank space that’s displayed as the new font is loaded into the browser; this is especially unnecessary for users who already have that font natively on their system.

Read the full post


HTML 5 & web fonts; exciting times

With (standards-compliant) browser innovation firmly back on the agenda, there’s a lot of exciting new technology to get to grips with. This week, Google have thrown their weight firmly behind HTML5, while a new start-up aims to bring web fonts to all.

Read the full post


HTML 5, CSS 3, DRM & fonts

I’m at home with the flu at the moment, so taking the opportunity to un-star some items in Google Reader; this post is a link-dump with a little added comment.

A few of them have been in my favourites for a couple of months, so apologies if you’ve seen them already.

Read the full post


Interesting examples of sitemaps

I’ve been doing quite a lot of site mapping recently, and looking for a way to escape the standard boxy top-down view. In searching for examples of different ways to present the information, that are pleasing to look at but still immediately convey meaning, I found a number of interesting examples. Below are the pick of the results, along with a few that don’t quite work, and some old standbys.

Read the full post


An alternative suggestion for web fonts licensing

Following the recent push by Microsoft and Ascender to revive the EOT format for font embedding, debate has raged over the pros and cons of the two main web font alternatives: embedding and linking. Richard Rutter came up with the idea to license fonts on a monthly payment basis, with the font being served from the supplier’s server (or a trusted alternative). As a contribution to the debate, I would like to offer an alternative suggestion.

Read the full post


Next

Aside

I’m writing about the CSS3 Multi-column layout module and I notice that WebKit supports a series of proprietary properties: –webkit-column-break-after, –webkit-column-break-before, and –webkit-column-break-inside. However, despite the documentation saying that they’re implemented in Safari 3+, I can’t seem to get any of them to work.

Has anyone reading this ever seen an example of these in action? I’ve searched for demos but have found nothing. If you know anything about this, please leave me a comment; your help would be gratefully appreciated.

[#] 2 Comments