@font-face test

by Mohamed Rias

HTML

<h1>Awesome</h1>

CSS

@font-face {
    font-family: 'MyFontFamily';
    src: url('myfont-webfont.eot');
    src: url('myfont-webfont.eot?iefix') format('eot'),
         url('myfont-webfont.woff') format('woff'),
         url('myfont-webfont.ttf') format('truetype'),
         url('myfont-webfont.svg#svgFontName') format('svg');
}

/* Comment out 'MyFontFamily' and watch the net tab */
h1 { font-family: 'MyFontFamily', arial, serif; }