My latest blog post over at PC Pro is up. How to make your website more attractive with @font-face talks about using the CSS3 @font-face rule to embed fonts in your website.
It’s a reworked and simpler version of adventures with @font-face which I wrote back in December 2009.
As always, please feel free to let me know what you think.
As you may have noticed, I have been messing around with HTML5 a lot lately, even making my personal website HTML5 compliant. To say the least, this has tweaked my curiosity a lot and I knew that I would be playing around with the new features that HTML5 has to offer and thought that I should create a new site, in HTML5, where I can share my experiences when experimenting with these elements.
And thus HTML5 Laboratory was born!
Earlier this year I was pondering on how I might be able to use a custom font on a website on the entire text of the site rather than via inline or background images. It was only a passing thought, whilst I was away from a computer screen and it was quickly forgotten.
However, more recently through the brilliant bulletproof @font-face implementation article by Paul Irish and Arekibo’s post I have become aware of the @font-face CSS property and to its ever growing potential.