-
AuthorPosts
-
September 3, 2018 at 8:24 pm #1005150
Hi there,
I’ve successfully installed Nexa-XBold MyFont into my WordPress root directory and added the needed license into the parent Enfold header file. I added a quick CSS call to use the font throughout the whole of the site…However the font is only displaying on the homepage, please advise what I missed?
Tx!
September 3, 2018 at 10:04 pm #1005196Hey J.C.,
What is the URL u have added for the font?
Best regards,
BasilisSeptember 3, 2018 at 10:30 pm #1005212oh, I uploaded the font to the site directory….
September 4, 2018 at 6:15 am #1005282Hi,
Thanks for that, how exactly did you include the CSS in private? It seems to be dynamic since it includes the about page in the URL. Could you try the absolute URL instead?
Best regards,
RikardSeptember 5, 2018 at 3:14 pm #1006169The CSS file is in the root directory…so is the CSS URL call being modified by the header after loading?
See the URL in private where the CSS is loading correctly…
I added a couple of calls to make the font global in Quick CSS:
TX!
September 5, 2018 at 9:21 pm #1006330Hi,
The font file needs to be a full link, so it can be used inside the sub-pages.
Please do include your URL.Best regards,
BasilisSeptember 6, 2018 at 2:24 pm #1006614Hi Basilis,
Forgive my ignorance…I would use the full font URL in the header file?
And what is the syntax of the full URL if the fonts are in the root folder and being called to by the header file?
Again, my apologies for missing what might seem obvious…
Many thanks,
J.C.
September 7, 2018 at 5:19 am #1006884Hi J.C,
Thanks for the feedback. Please send us a temporary admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.
Best regards,
RikardSeptember 7, 2018 at 3:42 pm #1007145Thanks Rikard,
Have done…
September 8, 2018 at 5:40 am #1007350Hi JC,
Thanks for that. I had a look at your installation but I still can’t see how exactly you added the call for the font CSS file? I can’t see anything in functions.php for instance. This is the code which is added to your header:
<link rel="stylesheet" type="text/css" href="MyFontsWebfontsKit.css">
As you can see, it doesn’t include the full URL of your site, that is why it’s only loading on the front page. Please clarify how you added that piece of code to the header.
Best regards,
RikardSeptember 8, 2018 at 9:08 pm #1007486Thanks Rikard,
I understand better now what you’re lookng for.
I only added the code you see into the header file directly for the Enfold parent theme, as the header file wasn’t available to edit in the Enfold child theme.
I was trying to follow the MyFonts instructions, which I’ve pasted below.2. Edit your site
Include a reference to the Kit. Locate the CSS file in the Kit’s main folder. You should place a reference to this file in the head section of your website’s HTML code. Make sure that the reference appears on all HTML pages of your site.This will link the webfonts from the Kit to your website. If you uploaded the Kit to the root folder of your site, then you can just copy and paste the code below into your site’s head. If you uploaded the Kit to a subfolder, you’ll need to adjust the path to the font files in the CSS file.
Hopefully I simply missed a step?
Cheers,J.C.
September 9, 2018 at 6:10 am #1007533Hi J.C,
Great, that clarifies things. If you want the code you added to be safe on updates then you will have to copy header.php from your parent to the child, otherwise it will be overwritten when you update the theme. If you want to fix this problem yourself then please look for the CSS file reference, then add the full URL to it:
https://your.site/file.css
If you can’t work it out then please post FTP details in private.
Best regards,
RikardSeptember 9, 2018 at 6:11 pm #1007642This reply has been marked as private.September 10, 2018 at 6:47 am #1007768 -
AuthorPosts
- You must be logged in to reply to this topic.