<style type="text/css"> @font-face { font-family: "My Custom Font"; src: url(http://www.example.org/mycustomfont.ttf) format("truetype"); } p.customfont { font-family: "My Custom Font", Verdana, Tahoma; } </style> <p class="customfont">Hello world!</p>
For understøttelse i IE, skal fonten konverteres til EOT-formatet. Jeg har fundet et glimrende online værktøj til at generere stylesheet'et og font'ne. Med @font-face Generator kan du uploade dine fonte og automatisk få genereret stylesheet og web-formater af fonten.
Bemærk: At fonten SKAL ligge i samme mappen som den side den skal vises på, ellers virker det ikke
Et hurtigt eksempel kan ses her!