change the font of the front page feature header

I would like to change the main fonts over to arial. Can you please let me know what code to change over, especially the feature header in the front page area under the slider, and the testimonial font on the front page. Thanks.

 

Paste the following code in your custom css
Appearance -> Theme Options -> Styling Options -> Custom CSS

Code:

body {
    font-family: arial;
}
h1, h2, h3, h4, h5, h6 {
    font-family: arial ! important;
}
#menu .ddsmoothmenu li a {
font-family: arial;
}
#menu .ddsmoothmenu li li a {
font-family: arial;
}
#featured ul.ui-tabs-nav li span h1 {
font-family: arial;
}
#featured ul.ui-tabs-nav li span p {
font-family: arial;
}
#featured li.ui-tabs-nav-item a {
font-family: arial;
}
#featured .ui-tabs-panel .info a.hideshow {
font-family: arial;
}
#featured .info h2 {
font-family: arial;
}
#featured .info p {
font-family: arial;
}
.slider_wrapper .infotag {
font-family: arial;
}
.slider_wrapper .infotag p{
font-family: arial;
}
.feturebox .featurebox_inner .featurebox_desc h2 {
font-family: arial;
}
.feturebox .featurebox_inner .featurebox_desc p {
font-family: arial;
}
.feturebox .featurebox_inner .featurebox_desc .readmore {
font-family: arial;
}
.signupForm h2 {
font-family: arial;
}
.signupForm .signinForm input[type="text"], .signupForm .signinForm input[type="email"] {
font-family: arial;
}
.signupForm .signinForm textarea {
font-family: arial;
}
.signupForm .signinForm input[type="submit"] {
font-family: arial;
}
.signinformbox1.widget h4 {
font-family: arial;
}
#carousel-full .carousel-posts li p {
font-family: arial;
}
#carousel-full .carousel-posts h6 {
font-family: arial;
}
.testimonial h2 {
font-family: arial;
}
.footer .footer_widget h4 {
font-family: arial;
}
.footer-bottom .copyrightinfo {
font-family: arial;
}
span.colorway {
font-family: arial;
}

This will solve your issue.