How to add Custom Font (Web Font)?

Each webfont has 3 files .eot .woff and .ttf

After uploading the files on your host you can use this CSS code in Theme Options > Custom Codes > Custom CSS:

@font-face {
  font-family: 'FONTNAME';
  src: url('http://www......com/fonts/FONTNAME.eot?#') format('eot'),
       url('http://www......com/fonts/FONTNAME.woff') format('woff'),
       url('http://www......com/fonts/FONTNAME.ttf') format('truetype');

/* Body Font */
body {
    font-family:"FONTNAME" !important;

/* Heading Font */
H1,H2,H3,H4,H5,H6 {
    font-family:"FONTNAME" !important;

/* Menu Font */
.sf-menu a {
    font-family:"FONTNAME" !important;

You should replace your font name instead of FONTNAME