My fonts aren't displaying on a mobile phone
-
Hi there: I am using the Profile theme and have set up the site header to use the “Museo Slab” font. It displays on the desktop version, but will not display on the mobile phone. Any advice?
The blog I need help with is: (visible only to logged in users)
-
Hi there,
I just checked your site, and I see that you’ve selected Museo Slab as the custom font for your site’s Headings. However, your site is currently using this custom CSS:
.wf-active #header .site-title { font-family: Rockwell, "Open Sans", Helvetica, Arial, sans-serif; font-variant: normal; font-style: normal; font-weight: 300; font-size: 6em; line-height: 55pt; text-shadow: 0 0 0; }That CSS is overwriting the custom font you selected, so your site title is using Rockwell or Open Sans instead. You’ll need to remove the “font-family” CSS rule for that custom font selection to show up on the site. (You can get to the custom CSS editor by going to your My Blogs page, clicking on Customize, and going to the CSS section in the customizer there.)
Please let me know if you have any questions about that. :)
-
Thanks! That worked. Is there a way to use Rockwell just for the desktop version and then use the default font for the mobile site?
-
Hm, there might be a way to do that with some other CSS rules. That’s a bit out of my expertise, though — the best way to get help with that is to post directly in our CSS Customization forum here:
https://en.forums.wordpress.com/forum/css-customization
If you describe what you’re trying to do in a post to that forum, there are some expert staff and volunteers who can help with it. :)
-
- The topic ‘My fonts aren't displaying on a mobile phone’ is closed to new replies.