We help IT Professionals succeed at work.

Using Specialized Fonts in CSS

APD Toronto
APD Toronto asked
on
276 Views
Last Modified: 2017-03-09
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;
}

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
Comment
Watch Question

Full Stack Developer
CERTIFIED EXPERT
Commented:
This problem has been solved!
(Unlock this solution with a 7-day Free Trial)
UNLOCK SOLUTION