QuickSand Font in IE & Chrome

by BlueValleyTech

HTML

<div id="header">
    <div id="main-nav">
        <ul>
            <li><a href="">Our Story</a></li>
            <li><a href="">Recipes</a></li>
            <li><a href="">FAQ&#39;s</a></li>
            <li><a href="">Kitchen Tips</a></li>
            <li><a href="">Teaching Tools</a></li>
            <li><a href="">Restaurant Guide</a></li>
        </ul>
    </div>
</div>

CSS

@font-face {
font-family: 'Quicksand';
font-style: normal;
font-weight: 700;
src: local('Quicksand Bold'), local('Quicksand-Bold'), url(http://themes.googleusercontent.com/static/fonts/quicksand/v2/32nyIRHyCu6iqEka_hbKsnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
} 

a, a:link, a:active {
	text-decoration: none;
	cursor: pointer;
}

#main-nav {
	height: 50px;
	display: block;
	background-color: #c95a00;
}
#main-nav ul { 
    float: right;
    width: 690px;
    margin: 0;
}
#main-nav ul li {
    float: left;
    margin: 0;
    list-style-type: none;
}
#main-nav ul li a, #main-nav ul li a:link, #main-nav ul li a:active {
    color: white;
    display: inline-block;
    padding: 19px 10px;
    font: 400 12px/14px 'Quicksand', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}