I'm recommending the following be adopted by HCMC as the way to embed fonts in a web page. It isn't my work - it's this guy's. His arguments are good - you should read the article.

Here's what to do:
Go to fontsquirrel.com and create a webfont package using their @font-face generator. The generator will produce a comprehensive package for you to use in your site, including a stylesheet with the @font-face declaration in the above-mentioned format. This is the recommended method:

/* "Embed" Leander Regular */
@font-face {
  font-family: 'LeanderRegular';
  src: url('leander-webfont.eot');
  src:  local('☺'), url('leander-webfont.woff') format('woff'), url('leander-webfont.ttf') format('truetype'), url('leander-webfont.svg#webfontXxzioThE') format('svg');
  font-weight: normal;
  font-style: normal;
}