When building a website the main way to create the look and feel that you want the user to see is to write it in a style sheet, these are called a CSS (cascading style sheet).
CSS tells the user browser (such as Internet Explorer, Safari, etc.) how all the parts of the website should look; the browser then converts this into the actual final image the user sees.
So how do fonts fit in?
When a browser doesn’t recognize any font you told it to use it goes back to the basic fonts, in other words if the browser doesn’t recognize that new and pretty font you have no idea what the final user will see.
So there are two options:
- Include the text in a picture, this option works for elements such as banners but it’s very unworkable for the main text of the website or
- Use the standard fonts that all browsers recognize.
Here is a sample of the fonts all browsers recognize:
Font families are groups of fonts that are similar to each other, these are very useful because if a browser doesn’t recognize the first font on the list it will pick the next one and the next one, this allows the outcome of what the viewer sees to be what the designer wanted even if his browser doesn’t have a specific font. These are the main font families:
I hope this helps.
Thanks Matteo. This clears it up!
I was wondering if you could help me with something. We are looking to buy and download the licence for a font that we want to use on our website.
I know there are google webfonts that you can get for free which they host on their servers http://www.google.com/webfonts, but in terms of seo, do you know if it makes a different to googlebot and the other SERPs whether you host your own font that you buy, or use a free google open source font?
No, fonts and font files don’t make any difference in SEO. This is also true for script files, they can be on your server or somewhere else.