Add a custom font in Alpha theme

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 but please make sure that you have the woff" format that is now supported by all the modern browsers.

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 where you need with your own custom font:


h1, h2, h3, h4, h5, h6, span.medium, span.large, #main-menu.style-modern .top-menu li a, .post-nav > a .subtitle, .post-nav > a .title, .post-header .title h1, .post-header .title h2, post-header > span.subtitle, .infinite-text, .main-post .post-header span, .page-header-type h1, .krown-button, input[type="submit"], .post-header > span.subtitle, span.icl_lang_sel_current.icl_lang_sel_native, .woocommerce-pagination, #filter, .woocommerce .price, #filter-opener .count, .single-product .cart .input-text, .product-quantity .input-text, .amount, .single-product .cart .button, .product-quantity .button, .woocommerce-message .button, .woocommerce-error .button, .woocommerce-info .button, .update-button {
	font-family: 'Open Sans', sans-serif;;
}

body, input, textarea, button {
	font-family: 'Raleway', sans-serif;;
}

.page-header .subtitle, .post-header > span.author, .page-header-type h2.subtitle, .krown-portfolio span {
	font-family: 'Droid Serif', serif;;
}