How to include a local font in CSS

Web development usually includes nice fonts defined from a CSS file. The fonts can be located on a third party server, like Google Fonts, or locally at your own server, just beside the CSS file.

Sometimes one finds very nice fonts but cannot rely on third party servers, which forces one to include the fonts locally.
I've come up with a simple solution to avoid this tedious task:
  1. Download the fonts you wish, e.g. from Google Fonts add them to your collection and then get them as a zip file.
  2. Go to Font Squirrel Webfont Generator and upload the font files.
  3. Wait for the end of the font process and download the kit.
With this simple steps, one gets the fonts and the correspondent CSS file ready for usage, just import the "stylesheet.css" file into your own CSS files.

./M6