Witty and insightful observations on the world? Sorry to disappoint, this is a techie blog purely for self reference - published online in the hope it will help others!

@font-face on Android

First there was the smiley face hack, then came Mo' Bulletproof. The latest incarnation of 'How to get @font-face declarations working across all browsers' doesn't have a cool moniker as far as I'm aware, but here's some gen on how to go about it. First of all, this one will work fine - but not on Android devices; @font-face { font-family: 'Din'; src: url('../fonts/din_eng_webfont.eot'); src: url('../fonts/din_eng_webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/din_eng_webfont.woff') format('woff'), url('../fonts/din_eng_webfont.ttf') format('truetype'), url('../fonts/din_eng_webfont.svg#Din') format('svg'); font-weight: normal; ... Read more

Cufon in IE8

I don't use Cufon much these days, I prefer to use @font-face if possible.  I still use it from time to time though (say what you like, it does render the fonts absolutely beautifully) and of course I sometimes have to work on sites which have employed it. This is just a quick post because I came across an unusual situation this morning - a site which was failing to render menu items in Cufon in IE8 only.  IE7 and IE9 were fine, and allt he other fonts were displaying fine in IE8 - just this menu that was failing to. Found the solution in this Drupal forum thread .  Added the following CSS to the IE8 conditional stylesheet and all ... Read more

Categories