Header font not changing

Hi...I want the headers (H1,H2, etc...) to be arial. I'm using this code:

h1, h2, h3, h4, h5, h6 {
font: Arial;
font-weight:normal;
color:#010101;
}

The font is not changing. Please help...thanks!

 

The website is http://www.rebekahshackney.com

 

Hello,

Go to js > custom.js present in your theme directory and remove the code given below

Code:

//Cufon replacement
Cufon.replace('h1')('h1:hover')('h2')('h3')('h4')('h5')('h6'); 

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

Code:

h1, h2, h3, h4, h5, h6 {
font-family: symbol ! important;
font-weight:normal ! important;
color: red ! important;
} 

In place of "symbol" you can put your font type.
In place of "red" you can put your color or color code.
This will solve your issue.