Alright, I'm a CSS newbie so here we go. In a template I'm using there's a stylesheet

head {
    font-family: Verdana;
    font-size: 16px;
    color: #000000;
}    

body {
    font-family: Verdana;
    font-size: 12px;
    color: #ffffff;
}

a {
    color: #ff0000;
    font-family: Verdana;
    font-size: 30px;
}

bluetext {
    color: #0000ff;
}

tooltip {
    font-family: Verdana;
    font-size: 11px;
    color: #ffffff;
}

So I figure it's determining what the font should be for each of these sections. What do I do if I want to use a custom font instead of Verdana for all of these sections? I have the .ttf file, but I don't know what else to do.

Thanks in advance!