• How can I change the font of the contact form to match the font of the site?
    I can’t find where the contact form changes the font from sans serif to serif?
    I would have liked to change it to inherit, but where?

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Takayuki Miyoshi

    (@takayukister)

    Thread Starter Frank Spade

    (@spade)

    > See Styling contact form
    I did, but that doesn’t tell me how to set the font to inherit, which should be the default (in my humble opinion)!
    > CF7 requires a lot of styling.
    That doesn’t really help either.
    I was hoping to get help here?

    anonymized-14293447

    (@anonymized-14293447)

    @spade I suggest you use the universal selector and thus override any plugins font issue:
    *{font-family:'YOURFONT',Arial,sans-serif; url(https://domain/wp-content/themes/fonts/YOURFONT.woff2) format('woff2'), url(https://domain/wp-content/themes/fonts/YOURFONT.woff) format('woff');}

    Thread Starter Frank Spade

    (@spade)

    Wow, didn’t know that is possible. I tried this, but didn’t succeed:

    *{font-family: Consolas, "Courier New", Courier, sans-serif;
    url(https://www.gruenealte.de/wp-content/themes/urwahl3000/lib/fonts/arvo_regular.woff) format('woff');
    }

    There is no version with .woff2 of arvo_regular.
    These are the fonts I got in my theme:
    Urwahl3000-Fonts
    What am I missing?
    Many thanks in advance …

    anonymized-14293447

    (@anonymized-14293447)

    ..if you didn’t know about the universal selector, then you probably also don’t know that you should include your font using Transfonter converter. 🙂 That is how you generate any missing format.
    Upload the converted fonts on your site and then call them using the code above. But that code should be the very first line in your CSS.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Why is C7 font not equal to site’s font?’ is closed to new replies.