@font-face {
font-family: ‘demo-Thin’;
src: url(‘https://www.demo.com/wp-content/themes/boldial/fonts/SukhumvitSet-Thin.eot’);
}

but when I save all changes the custom css above change to

@font-face {
font-family: ‘demo-Thin’;
src: url(‘//http://www.demo.com/wp-content/themes/boldial/fonts/SukhumvitSet-Thin.eot‘);
}

you will see the https: is gone only // left.

Please give me a suggestion.

Or can you tell me how can I add a custom font to my website.

Thank you.

My font was overridden by main option font.

h4, .ish-h4, .ish-sc_quote .ish-h4, .widget .ish-h4 {
font-family: helvetica, sans-serif !important;
font-size: 19px;
font-weight: normal;
font-style: ;
line-height: 24px;
}

the css above overridden my font.

Please tell me what is the best way to use custom font in boldial theme.

Thank you.

it is better not to use the “https://” but “//:” as then visitors who come via https will not get security warnings. This means that the protocol will be chosen based on the current used protocol.

Since all fonts are being set via “Theme Options” you will also have to manually override the given elements and apply the new font.

All fonts are being set here:
wp-content\themes\no8\assets\framework\wp\dynamic_css\inc\dynamic_fonts.php

So you can get inspiration from the used CSS selectors and apply your new font only to the elements you need. Using custom CSS..

The code you provided only registers the font so that the page knows it, but it does not know how to use it and to which elements to apply it.

So you would have to add something like this if you want the font applied to H4, quotes of h4 size and h4 elements within widgets:

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