-
Posts
-
Hi there,
Please add the following code in Customize -> Custom -> CSS :
.page-id-113 h1.h-custom-headline.center-text.h2 span { font-family: 'architects daughter',cursive; }Hope it helps.
No, still doesn’t work. It’s driving me crazy!
Hi Loren,
Upon thorough checking the only difference I can see on homepage and on shop page is font import. On homepage it is imported twice because you have added it in Cornerstone CSS although it is already on Customizer’s CSS. Cornerstone’s CSS will only be applied to the page. Since it is working on homepage and not working on shop page, there must be an error in Customizer’s CSS that is preventing font declaration to work. So in homepage the font declaration that is working is the one in Cornerstone’s > CSS. Can you please move this line:
@import url(//fonts.googleapis.com/css?family=Architects+Daughter);at the top of your Cusmizer’s CSS?If after that the issue still exist, please do provide your admin credentials on private reply so we can check further.
Always,
XThis reply has been marked as private.Hi Loren,
After checking again, the font is now working on the shop page:
If you’re seeing different from the screenshot above, please do clear browser cache or visit the page using browser incognito mode.
Always,
XYes, it works on a desktop PC but it doesn’t work on mobile/ipads etc. Thats what I need fixing. Can you check again please?
Thanks.
Hi Loren,
Yes it is also working on mobile. See screenshots:
Try using incognito mode of the browser or clear cache.
Always,
XOh dear – apologies. I’ve neglected to advise that this issue is now on the live site.
You’re looking at an old test URL. Although I’m curious as to why it’s working there? What’s different?
This is the one (the live site) >> http://www.got2jot.co.uk/shop-by/
And it’s still not working.
Hi there,
1. Your HTML is malformed, when inspected in browser some of your header codes are displayed after
<body>2. This mentioned CSS is never added
@import url(https://fonts.googleapis.com/css?family=Architects+Daughter);3. Font declaration should be
font-family: 'Architects Daughter';Please add this code to your child theme’s functions.php just to ensure this is added right after the failing HTML structure.
add_action('wp_footer','font_declaration', 9999 ); function font_declaration () { ?><style>@import url(https://fonts.googleapis.com/css?family=Architects+Daughter);</style><?php }Thanks and let me know.
Hooray! Finally!
Ok, so the only thing that worked was placing your code into the child theme functions.php file. This has fixed all the other font issues on other pages, although it seems to take ages to load and shows the old cursive font while loading. Then it changes to the correct font.
I don’t understand what you mean by ‘malformed’ html. I’m using cornerstone?
I have exactly the same issue on another website. On mobile, the font doesn’t display. I’ve modified the CSS in customiser to show the font ‘dawning of a new day’ at the shop archive titles. Look fine on desktop PC, rubbish on mobile. Do I need to add something into the child functions.php file for this too?
Hi Loren,
If the other website is structured the same way as the other, you can try the same solution by registering the font definition in the child theme. In case it wouldn’t work, you can provide us the login details so that we could check it. Thank you.
Hi,
Yes, that worked. If I get any more issues in other sites, I’ll use this same fix.
Thank you.
You’re most welcome Loren.
