Added theme custom font directly in the template

Hi Support,

The theme panel custom fonts can only upload at maximum of 5 fonts, but what if I like to upload more than 5 custom fonts? So instead of using the theme panel to upload a theme custom fonts (as shown here https://prnt.sc/wgqnaa), I like to add it manually directly to the template. Is this possible? If so then tell me the steps of where to add the custom fonts as listed below:

@font-face {
font-family: ‘big_noodle_titling’;
src: url(‘fonts/big_noodle_titling.eot’);
src: url(‘fonts/big_noodle_titling.eot’) format(’embedded-opentype’),
url(‘fonts/big_noodle_titling.woff2’) format(‘woff2’),
url(‘fonts/big_noodle_titling.woff’) format(‘woff’),
url(‘fonts/big_noodle_titling.ttf’) format(‘truetype’),
url(‘fonts/big_noodle_titling.svg#big_noodle_titling’) format(‘svg’);
}
@font-face {
font-family: ‘big_noodle_titling_oblique’;
src: url(‘fonts/big_noodle_titling_oblique.eot’);
src: url(‘fonts/big_noodle_titling_oblique.eot’) format(’embedded-opentype’),
url(‘fonts/big_noodle_titling_oblique.woff2’) format(‘woff2’),
url(‘fonts/big_noodle_titling_oblique.woff’) format(‘woff’),
url(‘fonts/big_noodle_titling_oblique.ttf’) format(‘truetype’),
url(‘fonts/big_noodle_titling_oblique.svg#big_noodle_titling_oblique’) format(‘svg’);
}
@font-face {
font-family: ‘GothamBold’;
src: url(‘fonts/GothamBold.eot’);
src: url(‘fonts/GothamBold.eot’) format(’embedded-opentype’),
url(‘fonts/GothamBold.woff2’) format(‘woff2’),
url(‘fonts/GothamBold.woff’) format(‘woff’),
url(‘fonts/GothamBold.ttf’) format(‘truetype’),
url(‘fonts/GothamBold.svg#GothamBold’) format(‘svg’);
}
@font-face {
font-family: ‘GothamLight’;
src: url(‘fonts/GothamLight.eot’);
src: url(‘fonts/GothamLight.eot’) format(’embedded-opentype’),
url(‘fonts/GothamLight.woff2’) format(‘woff2’),
url(‘fonts/GothamLight.woff’) format(‘woff’),
url(‘fonts/GothamLight.ttf’) format(‘truetype’),
url(‘fonts/GothamLight.svg#GothamLight’) format(‘svg’);
}
@font-face {
font-family: ‘GothamMedium’;
src: url(‘fonts/GothamMedium.eot’);
src: url(‘fonts/GothamMedium.eot’) format(’embedded-opentype’),
url(‘fonts/GothamMedium.woff2’) format(‘woff2’),
url(‘fonts/GothamMedium.woff’) format(‘woff’),
url(‘fonts/GothamMedium.ttf’) format(‘truetype’),
url(‘fonts/GothamMedium.svg#GothamMedium’) format(‘svg’);
}
@font-face {
font-family: ‘GothamBookRegular’;
src: url(‘fonts/GothamBookRegular.eot’);
src: url(‘fonts/GothamBookRegular.eot’) format(’embedded-opentype’),
url(‘fonts/GothamBookRegular.woff2’) format(‘woff2’),
url(‘fonts/GothamBookRegular.woff’) format(‘woff’),
url(‘fonts/GothamBookRegular.ttf’) format(‘truetype’),
url(‘fonts/GothamBookRegular.svg#GothamBookRegular’) format(‘svg’);
}

Thanks

Hey Vlad,

Yeah, I understand but some say that there is a workaround by adding the custom fonts in the \wp-content\themes\Newspaper\style.css, and I’ve tried that but it seems it does not working probably because I am using tagdiv composer that it is not pointed to the right path of css file. I am not sure if I can add the custom fonts on the path below, tell me if that is feasible.

\wp-content\plugins\td-composer\assets\fonts

Thanks

• This reply was modified 5 years by codexxx.