Hi,
Sorry in advance for the long post. I’ve noticed a few previous threads in regard to this, but im finding it hard to find clarification on the issue. Can someone explain the relationship/difference between setting fonts in theme options, font manager and on an elemental basis?
To clarify, hypothetically, let’s say I have a custom font that I am looking to utilize. Judging by the documentation - I would turn font manager on > set my fonts in the font manager for headings and body respectively > in theme options the fonts would be set to ‘body and content = body’ and ‘headings = headings’ > on an elemental basis I would choose the correct font type for that specific element (eg set heading for a heading). Would this be the correct way to set the fonts for this instance?
If so, how does leaving a font inherit come into play… If it was to be left inherit in theme options? If it was left inherit on an elemental basis?
If that is indeed the correct way to implement a custom font, Im experiencing an issue where the custom font is not being displayed.
I have installed my custom font:
Set it to its correct font type in the font manager:
In the theme options area I set each type to its corresponding font:
Then set the correct font type on the element. In this case it is a custom headline:
In this case, the page lists the correct font name under properties when inspected, but it is not displaying the correct font.
This is what the font should be displaying as:
But this is what’s being output:
Is this an issue with how I setup the fonts in the various locations (font manager, theme options, on the element), or is this another issue in itself?
Thank for in advance!