I looked at http://www.beamoonbaby.com on an iPhone 5s and I see some of the differences you mean.
It looks like the plugin (or other tool) you’re using to change the font of some of your elements is using a font that is not available on my phone – here’s the CSS it’s adding:
.gftitle_customized {
font-family: Symbol !important;
font-size: 55px !important;
font-style: normal !important;
font-weight: normal !important;
text-decoration: none !important;
text-shadow: 0 0 11px #0b1033 !important;
}
As I don’t have the font “Symbol” on my phone, the browser’s default fallback font is being displayed instead.
p.s. Just a tip: it’s always a good idea to post the link to your site with every question you post so it’s easier for volunteers to help. They look for unanswered questions within a big queue, so they may not see your other question where you posted the URL. 🙂
ok cool, does that mean theres nothing i can do to alter the mobile display (if it doesnt have ‘symbol’ font?) – is there any way to change the default font of the mobile browser to something else – not symbol if that one isnt available but something more appealing? thanks x
The right way to add custom fonts to a site is to enqueue the font in the theme so that it gets loaded. That way you’re not relying on the viewer’s device having a specific font installed.
You can enqueue fonts in different ways, such as by using a Google Fonts plugin:
https://wordpress.org/plugins/search.php?q=google+fonts
Or using one of the non-plugin methods outlined here:
http://macmanx.com/2014/06/04/custom-fonts-without-plugins-for-wordpress-themes/
