font-family specifies the font type. Brawler will be used first. If it is not available or not installed on the user's computer, Arial will be used. And so on. The last "sans-serif" will use a standard sans-serif font in which the viewer has installed in case none of the fonts before were installed. Arial and Helvetica together probably have 99% support.
Code:
#topnav a {
float: left;
display: block;
color: #7a7a7a;
text-decoration: none;
font-family: 'Brawler', Arial, Helvetica, sans-serif;
padding: 13px 13px 12px;
border: 0;
outline: 0;
list-style-type: none;
font-size: 1.1em;
text-transform: uppercase;
}
Wrapping your code in
[code][/code] tags helps format code better for readability.
[code]
// Place code between code tags
[/code]