Embedding Fonts in your Web Site with CSS and @font-face

Learn how to use any font of your choice in your web page. just are the font file on your web server.

Example font Adding Your Website @font-face

CSS Code 
-----------------------------------------------------------------------------
@font-face {
font-family: 'RieslingRegular';
src: url('fonts/riesling.eot');
src: local('Riesling Regular'), local('Riesling'), url('fonts/riesling.ttf') format('truetype');
}

h1 {
  font-family: 'RieslingRegular', Arial, sans-serif;
}

Html code
---------------------------------------------------------------------------
<h1>Apply font on this text.</h1>

Convert The Fonts Link :
http://www.fontsquirrel.com/tools/webfont-generator
https://www.web-font-generator.com/
http://fontface.codeandmore.com/

css - @font-face generator
http://www.fontsquirrel.com