Changing font on home page

I would like to use the Bleeding Cowboys font on the homepage for the following

1. main menu (located next to header)
2. titles below the 4 featured pictures (located underneath slider)
3. Text at top right ( I replaced the search bar field in the original template with text and would like to change it's font and color)

I would also like to change the font coloring on that page (specifically the font that is currently grey)

For reference
http://www.returningglory.com/

 

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

#menu li a {
font-family: symbol;
}
.feature-content .feature-box-inner h1 a {
font-family: symbol;
}
.top-search h3 {
font-family: symbol;
color: red;
}
p {
color: white;
}

Inplace of "symbol" put your font type.

 

Thank you, I did the above and all worked well - except it didn't recognize the "Bleeding Cowboy" font style. It seems to revert to a default font. Can this be remedied. And second.... how can I change the size of the Returning Glory text at the top right of the page (the text in place of the search field)

For reference: returningglory.com

 

1. Your server does not contain that font therefore it is showing default font, You can search that font on different font sites and download it.

Sites of fonts

http://www.google.com/webfonts

http://www.dafont.com/


2.For your second issue


Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.top-search h3 {
font-size: 20px;
}

 

Is it true however, that if I download the font onto my server that it still won't necessarily appear in that font on someone else's computer? Currently I have a Nashville font for my header menu and some of my clients have reported that on their computers it shows up as a block style font, not at all the Nashville font. Is that because I'm using a custom font that is not standard viewing? And if so, how do I know which fonts are universal?