Home › Forums › All Other Themes › Web Fonts on Mobile
- This topic has 7 replies, 2 voices, and was last updated 6 years, 9 months ago by
Sonnal S Sinha.
-
AuthorPosts
-
August 11, 2016 at 5:23 pm #43451
Any idea why some of the webfonts won’t show up on mobile? Specifically my H3 headers?
oxford.amandastrademark.com
August 12, 2016 at 12:15 pm #43509Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:
Add this code there:
ul.our_team li h3 { font-family: ‘Great Vibes’, cursive !important;}
Regards,
ShriAugust 12, 2016 at 12:38 pm #43516That fixes the issue on mobile, but when viewed on desktop now, it looks as though that font is Comic Sans? Also, what custom CSS should I be using the force the Great Vibes font for other sections – IE: the services section.
August 12, 2016 at 2:10 pm #43524Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:
Add this code there:
@media screen and (max-width:767px) {
ul.our_team li h3 { font-family: ‘Great Vibes’, cursive !important;}
}Remove this code:
ul.our_team li h3 { font-family: ‘Great Vibes’, cursive !important;}
Regards,
ShriAugust 12, 2016 at 4:03 pm #43533Thank you. This fixes the problem only on the Our Team section. Is there a way to do this universally for the entire theme?
August 14, 2016 at 10:49 am #43596I believe most of the fonts and styles are given in basic settings. So do you mean you want to apply same font for all of the website?
Regards,
ShriAugust 15, 2016 at 12:45 pm #43663Yes, but those defaults don’t appear to be working. The only way to get them to appear is if I go into the custom CSS window and override the default settings.
August 16, 2016 at 1:35 pm #43796Okay then you can override the settings via Custom CSS and use your own custom fonts.
Regards,
Shri -
AuthorPosts
- You must be logged in to reply to this topic.