Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

How do I set the text (value) of an input to Courier in FireFox? WordPress


[[LINK href=""]]Please look at Brooklyn Dry Goods.[[/LINK]]

Do you see the search input in the top right? Inside of it is the word "Find". The font should be Courier, like the other links at the top of the page. I've gotten this text to show up as Courier in Chrome, but not FireFox. How do I get this to show up as Courier in FireFox?

Answers (3)


Utkarsh Kukreti answers:

Try using 'Courier New' for the font-family instead?

I get Courier New font in chrome, and the default font in Firefox, when I use 'Courier' as the font-family.


Vidyut Kale answers:


#searchform input#s {font-family: courier new, courier, monospace}

But unless you are using other fonts for other search forms or inputs, it is better to use simpler selectors as in

#searchform {font-family: courier new, courier, monospace}


input#s {font-family: courier new, courier, monospace}

input#s is quite specific already. Too many specific selectors will slow down rendering unnecessarily.


S├ębastien | French WordpressDesigner answers:

it's ok in my FF

but with 'Courier New' that's not good on your site (i have try in firebug)

The other links (header) are ok in your ff. Only the text in the input search is not good ?