Use CSS3 @ font-face property in Using any browser :)

 @font-face {
  font-family: 'Your Font name';
  font-style: normal;
  font-weight: 400;
  src: url(Your Font name.eot);
  src: local('Your Font name'), local('Your Font name'), url(Your Font name.eot) format('embedded-opentype'), url(Your Font name.woff) format('woff');
}

Hi All,

Please refer below article to use special fonts on webpage.

http://boldperspective.com/2011/how-to-use-css-font-face/

For browser compatibility please go through below article.

http://www.stunningcss3.com/resources/fontface-file-types-browser-support.html

To convert the font in multiple file extension use below website .

http://www.fontsquirrel.com/tools/webfont-generator

In our product case we need to add new  MIME types in IIS to use special fonts on webstore.

Please see the below example. MIME types will same for all the fonts only file extension will change according font.  

File extension	MIME types
.otf	application/octet-stream
.woff	application/octet-stream
.eot	application/octet-stream

About Me