Snippet : fontface.htmlfrag

<!-- W3C CSS modern way to embed webfonts -->
<head>
    <title>Font test</title>
    <!-- define an embedded style sheet in the page header -->
    <style type="text/css" media="screen, print">

@font-face {
        font-family: "Tiresias PCfont Z";
        src: local('Tiresias PCfont Z"'), url("font/TIRESIAS PCFONTZ.TTF") format("truetype");
        src: url("http://mindprod.com/font/tiresiaspcfontz.eot") format("eot");
        src: url("http://else.com/font/tiresiaspcfontz.otf") format("opentype");
        font-weight: normal;
 font-style: normal;
}

@font-face {
        font-family: "Tiresias PCfont Z";
        src: local('Tiresias PCfont Z Bold"'), url("font/TIRESIAS PCFONTZ Bold.TTF") format("truetype");
        src: url("http://mindprod.com/font/tiresiaspcfontzbold.eot") format("eot");
        src: url("http://else.com/font/tiresiaspcfontzbold.otf") format("opentype");
        font-weight: bold;
 font-style: normal;
}

@font-face {
        font-family: "Tiresias PCfont Z";
        src: local('Tiresias PCfont Z Italic"'), url("font/TIRESIAS PCFONTZ Italic.TTF") format("truetype");
        src: url("http://mindprod.com/font/tiresiaspcfontzitalic.eot") format("eot");
        src: url("http://else.com/font/tiresiaspcfontzitalic.otf") format("opentype");
        font-weight: normal;
 font-style: italic;
}

 <!-- For the rest of the page, "Tiresias PCfont Z" can be treated as it were built in -->
h1      {
        font-family: "Tiresias PCfont Z", serif;
        font-weight: bold;
 }
    </style>
</head>