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; }
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
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.
LOL. Glad you figured it out. Thanks for the update.
