Unable to change fonts in Outreach Pro

[Giuljo]

I've edited the fonts in my style sheets to add Goudy Old Style to some of the page elements at the request of my client. I'm having a couple of issues:

1. The new font is not showing up at all on mobile devices (iPad, iPhone)
2. The title remains unchanged across all browsers and devices

I have tried using Google fonts in place of Goudy using the @import code in my style sheet but that made no difference.

The code for my style sheet can be seen here: https://gist.github.com/Monkling/a8078108bde1db098cfc76f8b1a191c6
line 1078 was commented out but still shows as upper case
line 1079 was added but title is not showing in that font

The site I'm having an issue with is: http://www.virginiaparker.net/travel/

I am at a complete loss as to why the title font remains unchanged and why the iPhone/iPad won't show Goudy at all. Would greatly appreciate any help.

[Victor Font]

The font-family is being controlled by this css at line 2090:

outreach-pro-va a {
    font-weight: bold;
    color: #2fc0d0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Giuljo]

Thank you! That was driving me crazy. I thought that piece of code would only affect the a elements. Still don't entirely understand why it overrode the title. In any case, the fonts are showing up properly now.

One odd thing - the title is still showing up as upper case even with the transform property for the site title commented out. Wonder if it's being affected by the transform property for the menu and widget titles. Is that even possible?

[Giuljo]

Ugh! Ignore my last note. My client actually entered the title in uppercase so that explains that.

And a light bulb went off - all those elements: title of widgets, site title, etc. are links. Of course they'd be affected by that line of code.

Thank you again for your help.

[Author]

Posts