Spicing up your boring website text
Tuesday, November 6th, 2012Differentiation is always at the forefront of marketers minds but until recently the only way that could be done on the web (outside of stellar content that everyone wants to read) was through the use of flashy designs and creating graphics for all of the headings you wanted to use your logo font. Sure the @font-face CSS tag was added to the CSS2 spec back in the late 90’s but only in the last few years have all of the major browsers begun supporting it.
So what does that mean exactly, you ask? It means that you might finally be able to escape the same old boring Times, Arial, Georgia, Helvetica loop you have been stuck in since 1993 without having a degree in graphic design. Or if you are happy with your existing San-Serif choice, perhaps you will just be freed up to bring some Holiday Cheer to your otherwise dreary website.
There are a great many ways to achieve this new level of style but for the purposes of this post I will stick with the two easiest:
@font-face
As I stated above, this CSS tag has been available since the late 90’s and is the most basic implementation. All you do is upload the necessary font files to your web server and then link to them using the appropriate CSS code. But don’t go wild and upload all of the fonts on your system thinking that you will make a tapestry of crazy on your site because most fonts are NOT licensed for this type of public distribution. As time goes on, more and more will open up but be very careful before implementing this method.
So how do you know what fonts you can use? Well, to be safe, stick to sites like this one when looking to trick out your site using this method..
Google Web Fonts
Like with everything else you need on the web, Google is there for you again with their Web Fonts API. With hundreds of fonts to choose from and simple search features Google does it for you with probably the easiest method for implementing this new found font freedom on your boring site. They even go so far as to give you the code you need to simply copy and paste into your style sheets and pages. What could be simpler?
Don’t believe me? Check it out for your self.
As with everything there are pros and cons to any method you choose. Most methods for spicing up your fonts differ slightly in the pros but the main con is the same for them all: limited selection. But don’t let that dampen your creativity! As long as you have a little time and some patience, chances are you will find either the exact font you want or something close enough for government work to get the intended result.