Add your own fonts in Koncept theme

To add your custom font in the theme please follow these steps:

1. Upload the font file on your server via a  FTP client. Make sure that you upload all proper formats, namely eot, woff, ttf & svg. These are all required for perfect browser compatibility.

2. Go to Theme Options > Custom CSS area or use a  Child Theme to insert the font face declaration of your new font.

Here's an example: 

@font-face {
   font-family:"MyFont";
   src: url('http://yoursite.com/font-folder/MyFont.eot'); /* IE9 Compatibility Modes */
   src: url('http://yoursite.com/font-folder/MyFont.eot?') format('eot'),  /* IE6-IE8 */
     url('http://yoursite.com/font-folder/MyFont.woff') format('woff'), /* Modern Browsers */
     url('http://yoursite.com/font-folder/MyFont.ttf')  format('truetype'), /* Safari, Android, iOS */
     url('http://yoursite.com/font-folder/MyFont.svg#svgMyFont') format('svg'); /* Legacy iOS */
}

3. Replace the theme fonts with your own custom font in this CSS code:

h1, h2, h3, h4, h5, h6, #portfolio.show-category .item .caption span, #main-menu, input[type="submit"], a.checkout-button, .post-meta, .post-time, .pagination, .woocommerce-pagination, #filter, .woocommerce .price, #filter-opener .count, .single-product .cart .input-text, .product-quantity .input-text .amount {
	font-family: 'MyFont', sans-serif;;
}

body, input, textarea, button, blockquote .cite, blockquote cite, #lang_sel {
	font-family: 'MyFont', sans-serif;;
}

#portfolio.show-excerpt .item .caption span, .krown-section-title.large h5, blockquote.alternate {
	font-family: 'MyFont', serif;;
}