The best way is to ensure compatibility (with most browsers) is to use the @font-face CSS rule.
If you’re using a Google font, it makes it a lot easier as you must point the CSS to a URL to grab the font from. It looks a little something like this in your CSS:
@font-face {
font-family: myFont; <- This can be any name you want
src: url(sansation_light.woff); <- paste the URL the Google font points to
}
Once you have done this, simply call font-family on anything you want to use that font, like:
a {
font-family:myFont;
}
This will naturally turn all of your a tags into this font.
This tells the browser to download and display this font when a user needs it. In the case that your font is not archived on a URL, you need to download it, FTP it to your server and point to the file in the folder you placed it in.
.