Make sure to replace the URL in src filed above to point to the actual font on your website.

If the ink in the meat font contains more than one opentype file, you can add more @@font-face definitions as needed for each one

The fonts listed above after "freefonts" are used as a backup if for some reason "freefonts" is not shown. Make sure to pick some fonts that users typically have installed, and that has a style and look that will work in your website design.

You can now apply the style font_sample_class to all your html markup and enjoy your new web font:

For example: <div class="font_sample_class" >This text has a cool font!</div>

Remember you may need a license for the dirty and classic font for commercial use, always check the unpacked folder or contact the designer.