What are Web Fonts?

Back in the days, well not that long, like maybe 3 or 4 years ago, it was kind of tricky to use different fonts for web design purposes. From the real basic we were limited to a few choices like: Arial, Time New Roman, Georgia, Lucida, etc.. So yeah, basically the default font present on users computers. We used these few fonts to make sure the website will look the way we wanted with the chosen font on many machines as possible.

There was the possibility to use different tools like one call cufon, where the font we drawn on the screen using javascript or there was technique with flash as well. These techniques we really awesome because it allows you to integrates new cool font in your website and with the certitude that a majority of users will see the website as it was intended. However the issue with these techniques were the following: font was displaying as images, not seo friendly, requires flash, could not copy text, etc…

But you know what, this is the past. We are in 2014, as we wrote this post, and the future of fonts on the web is just starting. Very simply, web fonts are fonts which are installed on the web server or on a another remote server. The browser receive the @font-face command in css, thus download the font locally to use them in the display of the webpage.

Yes, this is brilliant. Now you can use any fonts on your website (obviously you need to have the proper license). Google is now offering more than 600 fonts which are free to use on your commercial websites or non commercial.

On all our projects now, we are offering our customer the ability to set any font they want using the web font technique. There are thousands of resources out there to get fonts for you next web project. You can either pay for it like on MyFonts site or find a free solution as on FontSquirrel. Be careful though, always make sure you have the right licenses to use the font you have chosen.

Let us know if you have questions about web fonts.

Leave a Reply

Your email address will not be published. Required fields are marked *