Thread Starter
.
(@mysterae)
I have placed the fonts and uploaded them to the theme’s directory (http://trafficmonsoonempire.com/wp-content/themes/waffle/font/. I have also edited the stylesheet.css file in the folder as follows:
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 5, 2016 */
@font-face {
font-family: 'marcellusregular';
src: url('http://trafficmonsoonempire.com/wp-content/themes/waffle/font/marcellus-regular-webfont.eot');
src: url('http://trafficmonsoonempire.com/wp-content/themes/waffle/font/marcellus-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('http://trafficmonsoonempire.com/wp-content/themes/waffle/font/marcellus-regular-webfont.woff2') format('woff2'),
url('http://trafficmonsoonempire.com/wp-content/themes/waffle/font/marcellus-regular-webfont.woff') format('woff'),
url('http://trafficmonsoonempire.com/wp-content/themes/waffle/font/marcellus-regular-webfont.ttf') format('truetype'),
url('http://trafficmonsoonempire.com/wp-content/themes/waffle/font/marcellus-regular-webfont.svg#marcellusregular') format('svg');
font-weight: normal;
font-style: normal;
}
While it seems very odd that a Theme’s stylesheet would not declare a body tag, if this is a Child Theme it could be that it doesn’t because all of the styles it needs are already declared in the Parent Theme’s stylesheet’s body tag.
You *could* add your own to your Child Theme’s stylesheet, by simply adding it like so (directly below your font-face declaration that you’ve already added):
body { font-family: ‘marcellusregular’; }
It needs to match what you’ve declared as your font-family.
HOWEVER, keep in mind that if you update your Theme, it will lose your changes. This is the simplest way to accomplish what you want, but you should keep a text file with all of your style additions, so that when you update the Theme, you can copy and paste your own additions back into the newly updated stylesheet.
A better way of doing this is to inject your own styles via a custom plugin file (which is simply another type of functions.php file that you create) – then no matter which Theme you use or how often you update it, your personal custom styles will continue to be injected as long as your plugin is active.
Normally I would recommend creating your own Child Theme, but since you are already using a Child Theme, that makes it difficult because WP does not yet recognize “grand-child” themes.
Thread Starter
.
(@mysterae)
I have just tried the solution you have suggested but it still doesn’t seem to budge at all 😔
I have tried the solution on both the child stylesheet, as well as through a custom css editor, but to no avail.
Sorry that didn’t help, try posting in the Theme’s support forum, I’m sure the developer(s) will be able to help you.
https://wordpress.org/support/theme/waffle
Thread Starter
.
(@mysterae)
Silly me! I apologise for my clumsiness! I see where I had gone wrong, my entire text in all of my pages where wrapped with font-family set to the old font which was used with the ‘Use Any Font’ plugin!
Changing that back to ‘marcellusregular’ has fixed the issue ☺️
However, I’m wondering if this is the correct way to go about it? I edited this in the ‘HTML’ tab of the page editor for my pages. Is there anything I should do which may be more correct? Thank you for all your help so far!
