As I want my site to pop (even though this is not a design unit), I have explored the possibilities that Google Web Fonts has to offer. Zinemac’s target audience is primarily youth and therefore I have been looking for a graffiti and/or blackboard style font. Google Web Fonts has one called Cabin Sketch, by Pablo Impallari. I quite like this font and have applied it as the Headings of my site.
To apply Google Web Fonts to your site:
- Go to Google Web Fonts
- Select the font you are interested in (for example Cabin Sketch) You are able to view the font character set, some history and current stats of usage as well as download it.
- Select the tab Use this font and you will be directed to a page with two sets of code. The first needs to be added in the <head> section of your html file and the second piece of code is an example of how to apply the code in your CSS file. I have applied the code to my <h1> – <h6> tags.
I have also been toying with the letter-spacing property and you will see in the above image the h1 and h2 tags have a value of 0.1em, while the h3 tag has no letter-spacing.
Other uses for Google fonts
In addition to being able to use Google fonts on your site, you can also download the font and insert it into your word processor library. This is a great feature if you are needing to create documents that match the branding elements of your site…or…for a number of alternative reasons, including making your assessments stand out a little more!
Definitely check it out and let me know how you go 🙂