Font Changes not showing on mobile website

[C.A. Huggins]

I have made Font changes to my Header and they show up on the regular website, but not on the mobile site.

How can I correct this?

http://cahuggins.com/

[upthink]

Exactly what font changes have you made that you see in Desktop but not on mobile?

[C.A. Huggins]

I changed the site-title font.

[Tom]

The answer to your issue is much the same as it was for your earlier post.

You've selected a "web safe" font -- Impact -- for your site title and headings in your stylesheet,
font-family: Impact, Sans-serif;
but this font is not necessarily mobile "web safe", meaning it is not available by default to (all) mobile browsers, so the browser fallback is to use an available (sans-serif) font.

To make a web font available for all browsers and devices you must first enqueue it from the source. Please see this StudioPress how-to: http://www.studiopress.com/tips/google-web-fonts.htm

An alternative is to serve the typeface from your site directly.

This article is a bit technical but explains the differences with good references.
https://css-tricks.com/snippets/css/using-font-face/

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[Author]

Posts