Using Specialized Fonts in CSS

Hi Experts,

I've never used specialized fonts in my CSS, would the following be correct?

@font-face {
    font-family: "Clibri";
    src: url(calibri.ttf) format("truetype");
}
* { 
    font-family: Calibri, Verdana, Tahoma;
}

Select all Open in new window

I know that Calibri has 5-6 files, but I just copied the  main .ttf file in the same folder as my .css file. Is that correct?

Lastly, how can I tell if the browser is using my calibri, or the browser's default font?

Thanks