Hi,
If you would like to add your own @font-face fonts, then here are a few tips to do so. We’d recommend that you use the Font Squirrel web font generator, found here – http://www.fontsquirrel.com/tools/webfont-generator.
You’ll need to upload your font files to your server via FTP, or you could upload them one by one to the WordPress Media Manager. Once you’ve uploaded them, you will need to reference them using the following css. You can add this to the custom css box within theme options, or within the child theme css if you are using a child theme. When you download the kit from Font Squirrel, you will find a file named “stylesheet.css” within the zipped folder. This file contains the full @font-face declaration for your uploaded font. We’ve placed a reference for you below:
@font-face {
font-family: 'FONT_NAME';
src: url('FONT_URL.eot');
src: url('FONT_URL.eot?#iefix') format('embedded-opentype'),
url('FONT_URL.woff') format('woff'),
url('FONT_URL.ttf') format('truetype'),
url('FONT_URL.svg#FONT_NAME') format('svg');
font-weight: normal;
font-style: normal;
}
// BODY FONT
body, h6 {
font-family: "FONT_NAME", Arial, Helvetica, Tahoma, sans-serif;
}
// HEADINGS FONT
h1, h2, h3, h4, h5, .custom-caption p, span.dropcap1, span.dropcap2, span.dropcap3, span.dropcap4, .spb_call_text, .impact-text, .impact-text-large, .testimonial-text, .header-advert, .sf-count-asset .count-number, #base-promo, .sf-countdown, .sf-icon-character, .fancy-heading h1 {
font-family: "FONT_NAME", Arial, Helvetica, Tahoma, sans-serif;
}
Thanks
Mohammad
.