PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Google Fonts with input fields

  1. Kevin Geary
    Member

    I'm trying to use a Google Font as the font-family for input fields on this form:

    kickboxing.karate-usa.com

    I can't get them to work...

    Can anyone explain why it wouldn't be working?

    I put the font code in my header and then styled the input like this:

    #gform_fields_6 input { border: solid 1px #000000; font-family: 'Lobster', arial, serif; font-size: 24px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

    Posted 9 years ago on Saturday December 25, 2010 | Permalink
  2. I looked at your code and don't see the font being loaded properly in the <head > section of the page. You have to add the following declaration to your page so it knows where to load the "lobster" font from.

    <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>

    If the page can't find the font, it just goes to the next one it can find in the "font-family" rule.

    reference: http://code.google.com/webfonts/family?family=Lobster&subset=latin#code

    Posted 9 years ago on Sunday December 26, 2010 | Permalink
  3. Kevin Geary
    Member

    I added it to the head section of my theme. I don't see why it's not showing up. Any suggestions?

    In the code when I go to edit header.php I see the line of code there but when I view source on the page it's not there. WTF? And yes, I hit save.

    Posted 9 years ago on Sunday December 26, 2010 | Permalink
  4. Kevin Geary
    Member

    Figured it out. I was using a landing page styled page and it had it's own head section.

    Thanks!

    Posted 9 years ago on Sunday December 26, 2010 | Permalink
  5. LOL. Glad you figured it out. Thanks for the update.

    Posted 9 years ago on Sunday December 26, 2010 | Permalink