How to add a custom font on your website
I’ll keep things short so people who want to add a custom font to a website will easily accomplish the task.
in your css file:
p {
font-family: ‘Custom-Font’, verdana, arial;
}
for safari and mozilla browsers:
@font-face{
font-family:’Custom-Font’;
src: url(‘Custom-Font.otf’) format(‘opentype’);
}
for IE:
add this to your html page (the css will be visible only to IE users):
<!–[if IE]>
<style type=”text/css” media=”screen”>
@font-face{ font-family:’Custom-Font’; src: url(‘Custom-Font.eot’); }
</style>
<!–[endif]–>
Note: in order to create an eot (Embedded Open Type) file, use the WEFT tool from Microsoft