[How To] Use own Font (Unicon)

Phil (Support) — Mon, 23 May 2016 13:03:52 +0000

The built in font options only support standard browser fonts and all webfonts loaded by Google Web Fonts. If you want to use your own font, you need to include it via CSS and then apply the class to your elements.

@font-face {

font-family: 'YourFontName'; /*a name to be used later*/

src: url('http://domain.com/fonts/font.ttf'); /*URL to font*/

}

Then, to use the font on a specific element:

.classname, h1, h2, h3, body {

font-family: 'YourFontName';

}

Classes for all the different elements that you can use in your child theme:

body{font-family: 'YourFontName',sans-serif!important;}

h1{font-family: 'YourFontName',sans-serif!important;}

h2{font-family: 'YourFontName',sans-serif!important;}

h3{font-family: 'YourFontName',sans-serif!important;}

h4{font-family: 'YourFontName',sans-serif!important;}

h5{font-family: 'YourFontName',sans-serif!important;}

h6{font-family: 'YourFontName',sans-serif!important;}

.title{font-family:'YourFontName',sans-serif!important;}

input[type='text'],input[type='password'],input[type='email'],input[type='tel'],textarea,select{font-family:'YourFontName',sans-serif!important;}

#sidebar .widget h3{font-family: 'YourFontName',sans-serif!important;}

#navigation > ul > li > a{font-family: 'YourFontName',sans-serif!important;}

#navigation .sub-menu li a{font-family: 'YourFontName',sans-serif!important;}

#slogan{font-family: 'YourFontName',sans-serif!important;}

#mobile-navigation ul li a{font-family: 'YourFontName',sans-serif!important;}

.header-v1 #search-top input{font-family:'YourFontName',sans-serif!important;}

.titlebar h1{font:400 22px 'YourFontName',sans-serif!important;}

#breadcrumbs,#breadcrumbs a{font-family: 'YourFontName',sans-serif!important;}

#fullimagecenter h1,#transparentimage h1{font-family: 'YourFontName',sans-serif!important;}

#footer .widget h3{font-family: 'YourFontName',sans-serif!important;}

.products li h3{font-family: 'YourFontName',sans-serif!important;}

.font-special,.button,.counter-title,h6,.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a,.pricing-plan .pricing-plan-head h3,a.catimage,.divider-title,button,input[type='submit'],input[type='reset'],input[type='button'],.vc_pie_chart h4,.page-404 h3,.minti_masonrygrid_item h4{font-family:'YourFontName',sans-serif!important;}

Minti Themes[How To] Use own Font (Unicon) – Minti Themes

[How To] Use own Font (Unicon)