css, external fonts

Question

I have a big problem with css, how can I pun this font MyriadPro-It.otf in CSS?

Thanks !

Answer 1

For your local machine, just install the font, and you should be able to access it with css (you might need quotes?).

If you want it to show up everywhere (which you probably meant with your question), then you better check out the dupes.

Answer 2

Take a look at this resource: Mozilla CSS font face.

It's a guide that will help you get started. Also, check out Google, it's your friend. :)

Answer 3

you can add this css in your style sheet.

@font-face {
        font-family: "MyriadPro";
        font-style: normal;
        src: url(../fonts/MyriadPro-It.eot); /*if IE */
        src: local("Grandesign Regular"), url("../fonts/MyriadPro-It.ttf") format("truetype"); /* non-IE */
}