Support ForumChange Font family to a custom one – Support Forum

Change Font family to a custom one

hitechjazz — Wed, 28 Oct 2015 10:14:29 +0000

Hi IshYoBoy,

I want to use Japanese font family set bellow.
I’m a beginner, please give me your valuable advice.

font-family: Avenir , “Open Sans” , “Helvetica Neue” , Helvetica , Arial , Verdana , Roboto , “游ゴシック” , “Yu Gothic” , “游ゴシック体” , “YuGothic” , “ヒラギノ角ゴ Pro W3” , “Hiragino Kaku Gothic Pro” , “Meiryo UI” , “メイリオ” , Meiryo , “ＭＳＰゴシック” , “MS PGothic” , sans-serif; /* フォントの種類 */
font-weight: 200; /* フォントの太さ */
line-height: 150%; /* 行間 */
letter-spacing: 0.1em; /* 文字間 */
}

Best regards,

Reply To: Change Font family to a custom one

IshYoBoy — Thu, 29 Oct 2015 07:32:59 +0000

Hi there,

You can specify manually the HTML elements which should use these font settings and either add the code to “Theme Options -> General Options -> Custom CSS” or via Child Theme’s css. Otherwise, the fonts are set through “Theme Options -> Font Options” where you can choose the correct Google or custom font.

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Reply To: Change Font family to a custom one

hitechjazz — Thu, 29 Oct 2015 13:48:17 +0000

Hi IshYoBoy,

Thanks.
Let me know all target selectors. (h1, h2,….)

Best regards,

Reply To: Change Font family to a custom one

IshYoBoy — Fri, 30 Oct 2015 08:39:25 +0000

Hi hitechjazz,

we don’t know specify “all target selectors” for you. It depends only on your choice and what you need to achieve.

Body font, Header font and Title font ( H1 – H6 ) for all theme you can set through “Theme Options -> Font Options” where you can set your custom or Google font.

Via “Theme Options -> General Options -> Custom CSS” or Child Theme’s css you can adjust your specific page elements.

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Reply To: Change Font family to a custom one

hitechjazz — Fri, 30 Oct 2015 13:09:35 +0000

Hi IshYoBoy,

You are right.
I want to control all fonts in my website.

Even if I set through “Font Options”, It can’t control several fonts for an element like this [font-family: Avenir , “Open Sans” , “Helvetica Neue” , Helvetica , Arial , Verdana , Roboto , “游ゴシック” , “Yu Gothic” , “游ゴシック体” , “YuGothic” , “ヒラギノ角ゴ Pro W3″ , “Hiragino Kaku Gothic Pro” , “Meiryo UI” , “メイリオ” , Meiryo , “ＭＳＰゴシック” , “MS PGothic” , sans-serif;].

So I should use “Custom CSS”.

Is my understanding of this correct?

Best regards,

Reply To: Change Font family to a custom one

IshYoBoy — Mon, 02 Nov 2015 06:23:28 +0000

Hey,

Using the theme options you should be able to control all fonts. But of course following the pattern we’ve used. For elements which need different styling you should use Custom CSS..

Also all fonts are handled dynamically through this file:
wp-content/themes/boldial/assets/framework/wp/dynamic_css/inc/dynamic_fonts.php

So you might update or even override it in your child theme, but the changes are reflected only after you hit the “Save All Changes” in Theme Options.

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Reply To: Change Font family to a custom one

hitechjazz — Mon, 02 Nov 2015 08:34:30 +0000

Hi IshYoBoy,

I added this file in my child theme and hit the “Save All Changes” in Theme Options.
But it doesn’t work.
Is the PHP correct?
I changed [, sans-serif !important;] into [, Avenir , “Open Sans” , “Helvetica Neue” , Helvetica , Arial , Verdana , Roboto , “游ゴシック” , “Yu Gothic” , “游ゴシック体” , “YuGothic” , “ヒラギノ角ゴ Pro W3″ , “Hiragino Kaku Gothic Pro” , “Meiryo UI” , “メイリオ” , Meiryo , “ＭＳＰゴシック” , “MS PGothic” , sans-serif;].

<?php

/* *********************************************************************************************************************
 * Fonts
 */

global $ish_fonts;

// FONT SETTINGS
ishyoboy_load_font_settings('body_font', $newdata);     // Lato / regular / 16px / 22px
ishyoboy_load_font_settings('body_font_2', $newdata);     // Lato / regular / 16px / 22px
ishyoboy_load_font_settings('header_font', $newdata);   // Ubuntu / 500 / 15px / 18px
ishyoboy_load_font_settings('h1_font', $newdata);       // Ubuntu / 700 / 60px / 70px
ishyoboy_load_font_settings('h2_font', $newdata);       // Ubuntu / 700 / 40px / 48px
ishyoboy_load_font_settings('h3_font', $newdata);       // Ubuntu / 500 / 24px / 30px
ishyoboy_load_font_settings('h4_font', $newdata);       // Ubuntu / 500 / 19px / 24px
ishyoboy_load_font_settings('h5_font', $newdata);       // Ubuntu / 500 / 16px / 20px
ishyoboy_load_font_settings('h6_font', $newdata);       // Ubuntu / 500 / 12px / 15px

foreach ( $ish_fonts as $key => $val){

    switch ( $val['variant'] ){
        case '100' :
            $ish_fonts[$key]['variant'] = '100';
            $ish_fonts[$key]['font-style'] = 'normal';
            break;
        case '100italic' :
            $ish_fonts[$key]['variant'] = '100';
            $ish_fonts[$key]['font-style'] = 'italic';
            break;
        case '200' :
            $ish_fonts[$key]['variant'] = '200';
            $ish_fonts[$key]['font-style'] = 'normal';
            break;
        case '200italic' :
            $ish_fonts[$key]['variant'] = '200';
            $ish_fonts[$key]['font-style'] = 'italic';
            break;
        case '300' :
            $ish_fonts[$key]['variant'] = '300';
            $ish_fonts[$key]['font-style'] = 'normal';
            break;
        case '300italic' :
            $ish_fonts[$key]['variant'] = '300';
            $ish_fonts[$key]['font-style'] = 'italic';
            break;
        case 'regular' :
            $ish_fonts[$key]['variant'] = '400';
            $ish_fonts[$key]['font-style'] = 'normal';
            break;
        case 'italic' :
            $ish_fonts[$key]['variant'] = '400';
            $ish_fonts[$key]['font-style'] = 'italic';
            break;
        case '500' :
            $ish_fonts[$key]['variant'] = '500';
            $ish_fonts[$key]['font-style'] = 'normal';
            break;
        case '500italic' :
            $ish_fonts[$key]['variant'] = '500';
            $ish_fonts[$key]['font-style'] = 'italic';
            break;
        case '600' :
            $ish_fonts[$key]['variant'] = '600';
            $ish_fonts[$key]['font-style'] = 'normal';
            break;
        case '600italic' :
            $ish_fonts[$key]['variant'] = '600';
            $ish_fonts[$key]['font-style'] = 'italic';
            break;
        case '700' :
            $ish_fonts[$key]['variant'] = '700';
            $ish_fonts[$key]['font-style'] = 'normal';
            break;
        case '700italic' :
            $ish_fonts[$key]['variant'] = '700';
            $ish_fonts[$key]['font-style'] = 'italic';
            break;
        case '800' :
            $ish_fonts[$key]['variant'] = '800';
            $ish_fonts[$key]['font-style'] = 'normal';
            break;
        case '800italic' :
            $ish_fonts[$key]['variant'] = '800';
            $ish_fonts[$key]['font-style'] = 'italic';
            break;
        case '900' :
            $ish_fonts[$key]['variant'] = '900';
            $ish_fonts[$key]['font-style'] = 'normal';
            break;
        case '900italic' :
            $ish_fonts[$key]['variant'] = '900';
            $ish_fonts[$key]['font-style'] = 'italic';
            break;
    }

	if ( ! isset($ish_fonts[$key]['font-style']) ) {
		$ish_fonts[$key]['font-style'] = 'normal';
	}

}
?>

/* Body font 1 ------------------------------------------------------------------------------------------------------ */
body,
.ish-gmap_box,
.ish-ph-main_nav .sub-menu a {
	font-family:    '<?php echo $ish_fonts['body_font']['css_string']; ?>', Avenir , “Open Sans” , “Helvetica Neue” , Helvetica , Arial , Verdana , Roboto , “游ゴシック” , “Yu Gothic” , “游ゴシック体” , “YuGothic” , “ヒラギノ角ゴ Pro W3″ , “Hiragino Kaku Gothic Pro” , “Meiryo UI” , “メイリオ” , Meiryo , “ＭＳ Ｐゴシック” , “MS PGothic” , sans-serif;
	font-weight:    <?php echo $ish_fonts['body_font']['variant']; ?>;
}

p, ul, ol, div, .ish-gmap_box,
.ish-ph-main_nav .sub-menu a{
	font-size:      <?php echo $ish_fonts['body_font']['size']; ?>px;
	font-style:     <?php echo $ish_fonts['body_font']['font-style']; ?>;
	line-height:    <?php echo $ish_fonts['body_font']['line_height']; ?>px;
}

.ish-ph-main_nav .sub-menu a{
	font-size:	14px;
}

/* Body font 2 ------------------------------------------------------------------------------------------------------ */
.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar tfoot a,
.widget_ishyoboy-recent-portfolio-widget .ish-button-small,
.widget_ishyoboy-dribbble-widget .ish-button-small,
.widget_ishyoboy-flickr-widget .ish-button-small,
.widget_ishyoboy-twitter-widget .ish-button-small,
.widget_tag_cloud a,
.ish-part_legals,
.ish-sc_button,
.ish-sc_quote[class*=" ish-h"],
.ish-sc_skills .ish-sc_skill,
.ish-p-headline,
.ish-sidenav,
.ish-blog-post-details,
.ish-blog-post-links,
.ish-section-filter li,
.ish-pagination a, .ish-pagination span,
.ish-single_post_navigation a,
.comment-reply-link, .comment-edit-link, .comment-awaiting-moderation,
input[type="submit"],
.wpcf7-validation-errors, .wpcf7-mail-sent-ok, .ish-alert-notice,
.rc-post-details-top, .rc-post-details-bottom,
.recent_posts_post_content a.pt-link, .recent_posts_post_content .post-quote-content,
.ish-link-content,

.wc-forward.button,
.add_to_cart_button.button,
.price_slider_amount .button,
.coupon .button,
.coupon + .button,
.shipping-calculator-form .button,
.place-order .button,
.button[name="save_address"],
.single_add_to_cart_button.button,
.woocommerce-pagination .page-numbers,
.widget_product_tag_cloud a,
.shipping-calculator-button,
.woocommerce-error, .woocommerce-message, .woocommerce-info,
.woocommerce-tabs .tabs a,
.demo_store,
.added_to_cart,
.ish-sc_menu li a
{
	font-family:    '<?php echo $ish_fonts['body_font_2']['css_string']; ?>', Avenir , “Open Sans” , “Helvetica Neue” , Helvetica , Arial , Verdana , Roboto , “游ゴシック” , “Yu Gothic” , “游ゴシック体” , “YuGothic” , “ヒラギノ角ゴ Pro W3″ , “Hiragino Kaku Gothic Pro” , “Meiryo UI” , “メイリオ” , Meiryo , “ＭＳ Ｐゴシック” , “MS PGothic” , sans-serif;
}

/* Header font ------------------------------------------------------------------------------------------------------ */
.ish-part_header div,
.ish-ph-main_nav a,
.ish-ph-mn-be_resp a {
	font-family:    '<?php echo $ish_fonts['header_font']['css_string']; ?>', Avenir , “Open Sans” , “Helvetica Neue” , Helvetica , Arial , Verdana , Roboto , “游ゴシック” , “Yu Gothic” , “游ゴシック体” , “YuGothic” , “ヒラギノ角ゴ Pro W3″ , “Hiragino Kaku Gothic Pro” , “Meiryo UI” , “メイリオ” , Meiryo , “ＭＳ Ｐゴシック” , “MS PGothic” , sans-serif;
	font-size:      <?php echo $ish_fonts['header_font']['size']; ?>px;
	font-style:     <?php echo $ish_fonts['header_font']['font-style']; ?>;
	line-height:    <?php echo $ish_fonts['header_font']['line_height']; ?>px;
}

/* Headlines -------------------------------------------------------------------------------------------------------- */
h1, .ish-h1, .ish-sc_quote .ish-h1, .widget .ish-h1,
.ish-part_searchbar input[type="text"] {
	font-family:    '<?php echo $ish_fonts['h1_font']['css_string']; ?>', Avenir , “Open Sans” , “Helvetica Neue” , Helvetica , Arial , Verdana , Roboto , “游ゴシック” , “Yu Gothic” , “游ゴシック体” , “YuGothic” , “ヒラギノ角ゴ Pro W3″ , “Hiragino Kaku Gothic Pro” , “Meiryo UI” , “メイリオ” , Meiryo , “ＭＳ Ｐゴシック” , “MS PGothic” , sans-serif;
	font-size:      <?php echo $ish_fonts['h1_font']['size']; ?>px !important;  /* !important because of VC */
	font-weight:    <?php echo $ish_fonts['h1_font']['variant']; ?>;
	font-style:     <?php echo $ish_fonts['h1_font']['font-style']; ?>;
	line-height:    <?php echo $ish_fonts['h1_font']['line_height']; ?>px;
}

h2, .ish-h2, .ish-sc_quote .ish-h2, .widget .ish-h2 {
	font-family:    '<?php echo $ish_fonts['h2_font']['css_string']; ?>', Avenir , “Open Sans” , “Helvetica Neue” , Helvetica , Arial , Verdana , Roboto , “游ゴシック” , “Yu Gothic” , “游ゴシック体” , “YuGothic” , “ヒラギノ角ゴ Pro W3″ , “Hiragino Kaku Gothic Pro” , “Meiryo UI” , “メイリオ” , Meiryo , “ＭＳ Ｐゴシック” , “MS PGothic” , sans-serif;
	font-size:      <?php echo $ish_fonts['h2_font']['size']; ?>px;
	font-weight:    <?php echo $ish_fonts['h2_font']['variant']; ?>;
	font-style:     <?php echo $ish_fonts['h2_font']['font-style']; ?>;
	line-height:    <?php echo $ish_fonts['h2_font']['line_height']; ?>px;
}

h3, .ish-h3, .ish-sc_quote .ish-h3, .widget .ish-h3 {
	font-family:    '<?php echo $ish_fonts['h3_font']['css_string']; ?>', Avenir , “Open Sans” , “Helvetica Neue” , Helvetica , Arial , Verdana , Roboto , “游ゴシック” , “Yu Gothic” , “游ゴシック体” , “YuGothic” , “ヒラギノ角ゴ Pro W3″ , “Hiragino Kaku Gothic Pro” , “Meiryo UI” , “メイリオ” , Meiryo , “ＭＳ Ｐゴシック” , “MS PGothic” , sans-serif;
	font-size:      <?php echo $ish_fonts['h3_font']['size']; ?>px;
	font-weight:    <?php echo $ish_fonts['h3_font']['variant']; ?>;
	font-style:     <?php echo $ish_fonts['h3_font']['font-style']; ?>;
	line-height:    <?php echo $ish_fonts['h3_font']['line_height']; ?>px;
}

h4, .ish-h4, .ish-sc_quote .ish-h4, .widget .ish-h4 {
	font-family:    '<?php echo $ish_fonts['h4_font']['css_string']; ?>', Avenir , “Open Sans” , “Helvetica Neue” , Helvetica , Arial , Verdana , Roboto , “游ゴシック” , “Yu Gothic” , “游ゴシック体” , “YuGothic” , “ヒラギノ角ゴ Pro W3″ , “Hiragino Kaku Gothic Pro” , “Meiryo UI” , “メイリオ” , Meiryo , “ＭＳ Ｐゴシック” , “MS PGothic” , sans-serif;
	font-size:      <?php echo $ish_fonts['h4_font']['size']; ?>px;
	font-weight:    <?php echo $ish_fonts['h4_font']['variant']; ?>;
	font-style:     <?php echo $ish_fonts['h4_font']['font-style']; ?>;
	line-height:    <?php echo $ish_fonts['h4_font']['line_height']; ?>px;
}

h5, .ish-h5, .ish-sc_quote .ish-h5, .widget .ish-h5 {
	font-family:    '<?php echo $ish_fonts['h5_font']['css_string']; ?>', Avenir , “Open Sans” , “Helvetica Neue” , Helvetica , Arial , Verdana , Roboto , “游ゴシック” , “Yu Gothic” , “游ゴシック体” , “YuGothic” , “ヒラギノ角ゴ Pro W3″ , “Hiragino Kaku Gothic Pro” , “Meiryo UI” , “メイリオ” , Meiryo , “ＭＳ Ｐゴシック” , “MS PGothic” , sans-serif;
	font-size:      <?php echo $ish_fonts['h5_font']['size']; ?>px;
	font-weight:    <?php echo $ish_fonts['h5_font']['variant']; ?>;
	font-style:     <?php echo $ish_fonts['h5_font']['font-style']; ?>;
	line-height:    <?php echo $ish_fonts['h5_font']['line_height']; ?>px;
}

h6, .ish-h6, .ish-sc_quote .ish-h6, .widget .ish-h6 {
	font-family:    '<?php echo $ish_fonts['h6_font']['css_string']; ?>', Avenir , “Open Sans” , “Helvetica Neue” , Helvetica , Arial , Verdana , Roboto , “游ゴシック” , “Yu Gothic” , “游ゴシック体” , “YuGothic” , “ヒラギノ角ゴ Pro W3″ , “Hiragino Kaku Gothic Pro” , “Meiryo UI” , “メイリオ” , Meiryo , “ＭＳ Ｐゴシック” , “MS PGothic” , sans-serif;
	font-size:      <?php echo $ish_fonts['h6_font']['size']; ?>px;
	font-weight:    <?php echo $ish_fonts['h6_font']['variant']; ?>;
	font-style:     <?php echo $ish_fonts['h6_font']['font-style']; ?>;
	line-height:    <?php echo $ish_fonts['h6_font']['line_height']; ?>px;
}

/* Uppercase */
.ish-ph-logo,
.ish-ph-main_nav,
.ish-ph-mn-be_resp li a,
.ish-part_searchbar input[type="text"],
.ish-sidenav a,
.ish-part_breadcrumbs,
.widget_ishyoboy-dribbble-widget .ish-button-small,
.widget_ishyoboy-flickr-widget .ish-button-small,
.widget_ishyoboy-recent-portfolio-widget .ish-button-small,
.widget_ishyoboy-twitter-widget .ish-button-small,
.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar tfoot a,
.widget-title, .widget-title a,
.ish-blog-post-details a, .ish-blog-post-links a,
.ish-single_post_navigation a,
.widget_tag_cloud a,
.ish-comments-headline,
.ish-add-comment-headline,
.ish-comments h5,
input[type="submit"],
.wpcf7-validation-errors, .wpcf7-mail-sent-ok, .ish-alert-notice,
.rc-post-details-top, .rc-post-details-bottom a,
.ish-recent_posts-read_more,
.recent_posts_post_content a.pt-link, .recent_posts_post_content .post-quote-content,

.wc-forward.button,
.add_to_cart_button.button,
.price_slider_amount .button,
.coupon .button,
.coupon + .button,
.shipping-calculator-form .button,
.place-order .button,
.button[name="save_address"],
.single_add_to_cart_button.button,
.widget_product_tag_cloud a,
.shipping-calculator-button,
.woocommerce-error, .woocommerce-message, .woocommerce-info,
.woocommerce-tabs .tabs a,
.demo_store,
.added_to_cart,
.woocommerce .products .button,
.ish-section-filter
{
   text-transform: uppercase;
}

.ish-ph-main_nav .sub-menu a{
	text-transform: none;
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

253

254

255

256

257

258

259

260

261

262

263

264

265

266

267

268

269

270

271

272

273

274

275

276

277

278

279

/* *********************************************************************************************************************

* Fonts

global $ish_fonts;

// FONT SETTINGS

ishyoboy_load_font_settings('body_font', $newdata); // Lato / regular / 16px / 22px

ishyoboy_load_font_settings('body_font_2', $newdata); // Lato / regular / 16px / 22px

ishyoboy_load_font_settings('header_font', $newdata); // Ubuntu / 500 / 15px / 18px

ishyoboy_load_font_settings('h1_font', $newdata); // Ubuntu / 700 / 60px / 70px

ishyoboy_load_font_settings('h2_font', $newdata); // Ubuntu / 700 / 40px / 48px

ishyoboy_load_font_settings('h3_font', $newdata); // Ubuntu / 500 / 24px / 30px

ishyoboy_load_font_settings('h4_font', $newdata); // Ubuntu / 500 / 19px / 24px

ishyoboy_load_font_settings('h5_font', $newdata); // Ubuntu / 500 / 16px / 20px

ishyoboy_load_font_settings('h6_font', $newdata); // Ubuntu / 500 / 12px / 15px

foreach ( $ish_fonts as $key => $val){

switch ( $val['variant'] ){

case '100' :

$ish_fonts[$key]['variant'] = '100';

$ish_fonts[$key]['font-style'] = 'normal';

break;

case '100italic' :

$ish_fonts[$key]['variant'] = '100';

$ish_fonts[$key]['font-style'] = 'italic';

break;

case '200' :

$ish_fonts[$key]['variant'] = '200';

$ish_fonts[$key]['font-style'] = 'normal';

break;

case '200italic' :

$ish_fonts[$key]['variant'] = '200';

$ish_fonts[$key]['font-style'] = 'italic';

break;

case '300' :

$ish_fonts[$key]['variant'] = '300';

$ish_fonts[$key]['font-style'] = 'normal';

break;

case '300italic' :

$ish_fonts[$key]['variant'] = '300';

$ish_fonts[$key]['font-style'] = 'italic';

break;

case 'regular' :

$ish_fonts[$key]['variant'] = '400';

$ish_fonts[$key]['font-style'] = 'normal';

break;

case 'italic' :

$ish_fonts[$key]['variant'] = '400';

$ish_fonts[$key]['font-style'] = 'italic';

break;

case '500' :

$ish_fonts[$key]['variant'] = '500';

$ish_fonts[$key]['font-style'] = 'normal';

break;

case '500italic' :

$ish_fonts[$key]['variant'] = '500';

$ish_fonts[$key]['font-style'] = 'italic';

break;

case '600' :

$ish_fonts[$key]['variant'] = '600';

$ish_fonts[$key]['font-style'] = 'normal';

break;

case '600italic' :

$ish_fonts[$key]['variant'] = '600';

$ish_fonts[$key]['font-style'] = 'italic';

break;

case '700' :

$ish_fonts[$key]['variant'] = '700';

$ish_fonts[$key]['font-style'] = 'normal';

break;

case '700italic' :

$ish_fonts[$key]['variant'] = '700';

$ish_fonts[$key]['font-style'] = 'italic';

break;

case '800' :

$ish_fonts[$key]['variant'] = '800';

$ish_fonts[$key]['font-style'] = 'normal';

break;

case '800italic' :

$ish_fonts[$key]['variant'] = '800';

$ish_fonts[$key]['font-style'] = 'italic';

break;

case '900' :

$ish_fonts[$key]['variant'] = '900';

$ish_fonts[$key]['font-style'] = 'normal';

break;

case '900italic' :

$ish_fonts[$key]['variant'] = '900';

$ish_fonts[$key]['font-style'] = 'italic';

break;

}

if ( ! isset($ish_fonts[$key]['font-style']) ) {

$ish_fonts[$key]['font-style'] = 'normal';

}

/* Body font 1 ------------------------------------------------------------------------------------------------------ */

body,

.ish-gmap_box,

.ish-ph-main_nav .sub-menu a {

font-family: ' echo $ish_fonts['body_font']['css_string']; ?>', Avenir , “Open Sans” , “Helvetica Neue” , Helvetica , Arial , Verdana , Roboto , “游ゴシック” , “Yu Gothic” , “游ゴシック体” , “YuGothic” , “ヒラギノ角ゴ Pro W3″ , “Hiragino Kaku Gothic Pro” , “Meiryo UI” , “メイリオ” , Meiryo , “ＭＳＰゴシック” , “MS PGothic” , sans-serif;

font-weight: echo $ish_fonts['body_font']['variant']; ?>;

}

p, ul, ol, div, .ish-gmap_box,

.ish-ph-main_nav .sub-menu a{

font-size: echo $ish_fonts['body_font']['size']; ?>px;

font-style: echo $ish_fonts['body_font']['font-style']; ?>;

line-height: echo $ish_fonts['body_font']['line_height']; ?>px;

}

.ish-ph-main_nav .sub-menu a{

font-size: 14px;

}

/* Body font 2 ------------------------------------------------------------------------------------------------------ */

.widget_calendar #wp-calendar caption,

.widget_calendar #wp-calendar tfoot a,

.widget_ishyoboy-recent-portfolio-widget .ish-button-small,

.widget_ishyoboy-dribbble-widget .ish-button-small,

.widget_ishyoboy-flickr-widget .ish-button-small,

.widget_ishyoboy-twitter-widget .ish-button-small,

.widget_tag_cloud a,

.ish-part_legals,

.ish-sc_button,

.ish-sc_quote[class*=" ish-h"],

.ish-sc_skills .ish-sc_skill,

.ish-p-headline,

.ish-sidenav,

.ish-blog-post-details,

.ish-blog-post-links,

.ish-section-filter li,

.ish-pagination a, .ish-pagination span,

.ish-single_post_navigation a,

.comment-reply-link, .comment-edit-link, .comment-awaiting-moderation,

input[type="submit"],

.wpcf7-validation-errors, .wpcf7-mail-sent-ok, .ish-alert-notice,

.rc-post-details-top, .rc-post-details-bottom,

.recent_posts_post_content a.pt-link, .recent_posts_post_content .post-quote-content,

.ish-link-content,

.wc-forward.button,

.add_to_cart_button.button,

.price_slider_amount .button,

.coupon .button,

.coupon + .button,

.shipping-calculator-form .button,

.place-order .button,

.button[name="save_address"],

.single_add_to_cart_button.button,

.woocommerce-pagination .page-numbers,

.widget_product_tag_cloud a,

.shipping-calculator-button,

.woocommerce-error, .woocommerce-message, .woocommerce-info,

.woocommerce-tabs .tabs a,

.demo_store,

.added_to_cart,

.ish-sc_menu li a

{

font-family: ' echo $ish_fonts['body_font_2']['css_string']; ?>', Avenir , “Open Sans” , “Helvetica Neue” , Helvetica , Arial , Verdana , Roboto , “游ゴシック” , “Yu Gothic” , “游ゴシック体” , “YuGothic” , “ヒラギノ角ゴ Pro W3″ , “Hiragino Kaku Gothic Pro” , “Meiryo UI” , “メイリオ” , Meiryo , “ＭＳＰゴシック” , “MS PGothic” , sans-serif;

}

/* Header font ------------------------------------------------------------------------------------------------------ */

.ish-part_header div,

.ish-ph-main_nav a,

.ish-ph-mn-be_resp a {

font-family: ' echo $ish_fonts['header_font']['css_string']; ?>', Avenir , “Open Sans” , “Helvetica Neue” , Helvetica , Arial , Verdana , Roboto , “游ゴシック” , “Yu Gothic” , “游ゴシック体” , “YuGothic” , “ヒラギノ角ゴ Pro W3″ , “Hiragino Kaku Gothic Pro” , “Meiryo UI” , “メイリオ” , Meiryo , “ＭＳＰゴシック” , “MS PGothic” , sans-serif;

font-size: echo $ish_fonts['header_font']['size']; ?>px;

font-style: echo $ish_fonts['header_font']['font-style']; ?>;

line-height: echo $ish_fonts['header_font']['line_height']; ?>px;

}

/* Headlines -------------------------------------------------------------------------------------------------------- */

h1, .ish-h1, .ish-sc_quote .ish-h1, .widget .ish-h1,

.ish-part_searchbar input[type="text"] {

font-family: ' echo $ish_fonts['h1_font']['css_string']; ?>', Avenir , “Open Sans” , “Helvetica Neue” , Helvetica , Arial , Verdana , Roboto , “游ゴシック” , “Yu Gothic” , “游ゴシック体” , “YuGothic” , “ヒラギノ角ゴ Pro W3″ , “Hiragino Kaku Gothic Pro” , “Meiryo UI” , “メイリオ” , Meiryo , “ＭＳＰゴシック” , “MS PGothic” , sans-serif;

font-size: echo $ish_fonts['h1_font']['size']; ?>px !important; /* !important because of VC */

font-weight: echo $ish_fonts['h1_font']['variant']; ?>;

font-style: echo $ish_fonts['h1_font']['font-style']; ?>;

line-height: echo $ish_fonts['h1_font']['line_height']; ?>px;

}

h2, .ish-h2, .ish-sc_quote .ish-h2, .widget .ish-h2 {

font-family: ' echo $ish_fonts['h2_font']['css_string']; ?>', Avenir , “Open Sans” , “Helvetica Neue” , Helvetica , Arial , Verdana , Roboto , “游ゴシック” , “Yu Gothic” , “游ゴシック体” , “YuGothic” , “ヒラギノ角ゴ Pro W3″ , “Hiragino Kaku Gothic Pro” , “Meiryo UI” , “メイリオ” , Meiryo , “ＭＳＰゴシック” , “MS PGothic” , sans-serif;

font-size: echo $ish_fonts['h2_font']['size']; ?>px;

font-weight: echo $ish_fonts['h2_font']['variant']; ?>;

font-style: echo $ish_fonts['h2_font']['font-style']; ?>;

line-height: echo $ish_fonts['h2_font']['line_height']; ?>px;

}

h3, .ish-h3, .ish-sc_quote .ish-h3, .widget .ish-h3 {

font-family: ' echo $ish_fonts['h3_font']['css_string']; ?>', Avenir , “Open Sans” , “Helvetica Neue” , Helvetica , Arial , Verdana , Roboto , “游ゴシック” , “Yu Gothic” , “游ゴシック体” , “YuGothic” , “ヒラギノ角ゴ Pro W3″ , “Hiragino Kaku Gothic Pro” , “Meiryo UI” , “メイリオ” , Meiryo , “ＭＳＰゴシック” , “MS PGothic” , sans-serif;

font-size: echo $ish_fonts['h3_font']['size']; ?>px;

font-weight: echo $ish_fonts['h3_font']['variant']; ?>;

font-style: echo $ish_fonts['h3_font']['font-style']; ?>;

line-height: echo $ish_fonts['h3_font']['line_height']; ?>px;

}

h4, .ish-h4, .ish-sc_quote .ish-h4, .widget .ish-h4 {

font-family: ' echo $ish_fonts['h4_font']['css_string']; ?>', Avenir , “Open Sans” , “Helvetica Neue” , Helvetica , Arial , Verdana , Roboto , “游ゴシック” , “Yu Gothic” , “游ゴシック体” , “YuGothic” , “ヒラギノ角ゴ Pro W3″ , “Hiragino Kaku Gothic Pro” , “Meiryo UI” , “メイリオ” , Meiryo , “ＭＳＰゴシック” , “MS PGothic” , sans-serif;

font-size: echo $ish_fonts['h4_font']['size']; ?>px;

font-weight: echo $ish_fonts['h4_font']['variant']; ?>;

font-style: echo $ish_fonts['h4_font']['font-style']; ?>;

line-height: echo $ish_fonts['h4_font']['line_height']; ?>px;

}

h5, .ish-h5, .ish-sc_quote .ish-h5, .widget .ish-h5 {

font-family: ' echo $ish_fonts['h5_font']['css_string']; ?>', Avenir , “Open Sans” , “Helvetica Neue” , Helvetica , Arial , Verdana , Roboto , “游ゴシック” , “Yu Gothic” , “游ゴシック体” , “YuGothic” , “ヒラギノ角ゴ Pro W3″ , “Hiragino Kaku Gothic Pro” , “Meiryo UI” , “メイリオ” , Meiryo , “ＭＳＰゴシック” , “MS PGothic” , sans-serif;

font-size: echo $ish_fonts['h5_font']['size']; ?>px;

font-weight: echo $ish_fonts['h5_font']['variant']; ?>;

font-style: echo $ish_fonts['h5_font']['font-style']; ?>;

line-height: echo $ish_fonts['h5_font']['line_height']; ?>px;

}

h6, .ish-h6, .ish-sc_quote .ish-h6, .widget .ish-h6 {

font-family: ' echo $ish_fonts['h6_font']['css_string']; ?>', Avenir , “Open Sans” , “Helvetica Neue” , Helvetica , Arial , Verdana , Roboto , “游ゴシック” , “Yu Gothic” , “游ゴシック体” , “YuGothic” , “ヒラギノ角ゴ Pro W3″ , “Hiragino Kaku Gothic Pro” , “Meiryo UI” , “メイリオ” , Meiryo , “ＭＳＰゴシック” , “MS PGothic” , sans-serif;

font-size: echo $ish_fonts['h6_font']['size']; ?>px;

font-weight: echo $ish_fonts['h6_font']['variant']; ?>;

font-style: echo $ish_fonts['h6_font']['font-style']; ?>;

line-height: echo $ish_fonts['h6_font']['line_height']; ?>px;

}

/* Uppercase */

.ish-ph-logo,

.ish-ph-main_nav,

.ish-ph-mn-be_resp li a,

.ish-part_searchbar input[type="text"],

.ish-sidenav a,

.ish-part_breadcrumbs,

.widget_ishyoboy-dribbble-widget .ish-button-small,

.widget_ishyoboy-flickr-widget .ish-button-small,

.widget_ishyoboy-recent-portfolio-widget .ish-button-small,

.widget_ishyoboy-twitter-widget .ish-button-small,

.widget_calendar #wp-calendar caption,

.widget_calendar #wp-calendar tfoot a,

.widget-title, .widget-title a,

.ish-blog-post-details a, .ish-blog-post-links a,

.ish-single_post_navigation a,

.widget_tag_cloud a,

.ish-comments-headline,

.ish-add-comment-headline,

.ish-comments h5,

input[type="submit"],

.wpcf7-validation-errors, .wpcf7-mail-sent-ok, .ish-alert-notice,

.rc-post-details-top, .rc-post-details-bottom a,

.ish-recent_posts-read_more,

.recent_posts_post_content a.pt-link, .recent_posts_post_content .post-quote-content,

.wc-forward.button,

.add_to_cart_button.button,

.price_slider_amount .button,

.coupon .button,

.coupon + .button,

.shipping-calculator-form .button,

.place-order .button,

.button[name="save_address"],

.single_add_to_cart_button.button,

.widget_product_tag_cloud a,

.shipping-calculator-button,

.woocommerce-error, .woocommerce-message, .woocommerce-info,

.woocommerce-tabs .tabs a,

.demo_store,

.added_to_cart,

.woocommerce .products .button,

.ish-section-filter

{

text-transform: uppercase;

}

.ish-ph-main_nav .sub-menu a{

text-transform: none;

}

Best regards,

Reply To: Change Font family to a custom one

IshYoBoy — Tue, 03 Nov 2015 06:59:31 +0000

Hi there,

You need to copy the whole file and reproduce the same folder structure as in the parent theme. So in the root of your child theme create a folder called “assets”, in it another called “framework” and so on with the rest of the path “wp/dynamic_css/inc/dynamic_fonts.php”

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Reply To: Change Font family to a custom one

hitechjazz — Wed, 04 Nov 2015 07:05:47 +0000

Hi IshYoBoy,

Thank you so much!
I reproduced the same folder and now dynamic_fonts.php is OK.
But still “Theme Options -> Font Options” looks working.

I’d like to use only following fonts.
font-family: Avenir , “Open Sans” , “Helvetica Neue” , Helvetica , Arial , Verdana , Roboto , “游ゴシック” , “Yu Gothic” , “游ゴシック体” , “YuGothic” , “ヒラギノ角ゴ Pro W3″ , “Hiragino Kaku Gothic Pro” , “Meiryo UI” , “メイリオ” , Meiryo , “ＭＳＰゴシック” , “MS PGothic” , sans-serif;

Best regards,
H

Reply To: Change Font family to a custom one

IshYoBoy — Wed, 04 Nov 2015 08:47:30 +0000

Well,

you need to change it within the mentioned file. The code you provided uses the font from the back-end and then adds all other fonts. Just remove the dynamic font from the beginning of your line. In this case the Theme Options -> Font Options will be ignored. Remove this:

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market