My client's complaining that the fonts on the website are wrong. They're currently showing the default browser fall-back, which looks like Times New Roman (See attached screenshot). It should be showing the google font (Lato).
I've had this before, where the client's IT policy prevents font downloads from Google and other third parties. I haven't been able to jump onto one of their machines to confirm this is the case, but I've got a hunch nonetheless.
Is there any easy way of either adding fall-back fonts to the font-family css command, or detecting and running webfonts locally? I see from inspecting the css that the font-family command only refers to the primary font selected.
I'd be happy to use fallbacks (just reverting to sans-serif rather than time-new-roman would be fine), but as each element has its own adjustment from the salient admin panel, I'm not sure how to do this without some serious css customisation.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
body *,body, .toggle h3 a, body .ui-widget, table, .bar_graph li span strong, #slide-out-widget-area .tagcloud a, body .container .woocommerce-message a.button, #search-results .result .title span, .woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3, .row .col.section-title .nectar-love span, body .nectar-love span, body .nectar-social .nectar-love .nectar-love-count, body .carousel-heading h2, .sharing-default-minimal .nectar-social .social-text, body .sharing-default-minimal .nectar-love, .widget ul.nectar_widget[class*="nectar_blog_posts_"] > li .post-date {
font-family: Open Sans,sans-serif !important;
}
Hi,
My client's complaining that the fonts on the website are wrong. They're currently showing the default browser fall-back, which looks like Times New Roman (See attached screenshot). It should be showing the google font (Lato).
I've had this before, where the client's IT policy prevents font downloads from Google and other third parties. I haven't been able to jump onto one of their machines to confirm this is the case, but I've got a hunch nonetheless.
Is there any easy way of either adding fall-back fonts to the font-family css command, or detecting and running webfonts locally? I see from inspecting the css that the font-family command only refers to the primary font selected.
I'd be happy to use fallbacks (just reverting to sans-serif rather than time-new-roman would be fine), but as each element has its own adjustment from the salient admin panel, I'm not sure how to do this without some serious css customisation.
Cheers!
rog
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
body *,body, .toggle h3 a, body .ui-widget, table, .bar_graph li span strong, #slide-out-widget-area .tagcloud a, body .container .woocommerce-message a.button, #search-results .result .title span, .woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3, .row .col.section-title .nectar-love span, body .nectar-love span, body .nectar-social .nectar-love .nectar-love-count, body .carousel-heading h2, .sharing-default-minimal .nectar-social .social-text, body .sharing-default-minimal .nectar-love, .widget ul.nectar_widget[class*="nectar_blog_posts_"] > li .post-date { font-family: Open Sans,sans-serif !important; }Thanks
ThemeNectar Support Team