Adding custom webfonts to websites

Posted by on Mar 12, 2011 in Techniques | No Comments

Myfonts.comCurrently I am working on another website with Jay Carskadden. Jay has designed this site for a local career counselor and I will be building the site using WordPress. In her designs for this website, Jay is using Highbrow Cafetorium JNL as one of the website’s main fonts. However, this font is not considered one of the standard ‘browser safe’ fonts.

Traditionally there are only a few fonts suggested for use on websites. These “standard browser safe fonts” are the fonts that are most commonly found on all computers. Needless to say, the font choices are somewhat limited. However, if these standard fonts are used with CSS styling, a website’s text should look similar across all browsers. If it was absolutely necessary to use a non-standard font on websites, website developers usually created jpeg images of the text.

Recently, new webfonts have been developed for use on websites. There are several companies offering these new webfonts; for this site, I will be using the Highbrow webfont, licensed by MyFonts.

While webfonts still do not work on all browsers (Webfonts are supported by Firefox 3.5+, IE 5+, Opera 10+, Chrome 4+, Safari 3.1+, iOS Mobile Safari, Andriod 2.2+ and BlackBerry OS 6.), when properly implemented they add flexibility to the creative design of websites.

At this point, I am working on building the basic html site and so far the Highbrow font looks great!

Tags:, , ,

Leave a Reply