michaelp0730
10/6/2014 - 8:17 PM

Example of using CSS @font-face

Example of using CSS @font-face

@font-face {
    font-family: 'Chalkduster';
    src: url('../fonts/Chalkduster.eot');
    src: url('../fonts/Chalkduster?#iefix') format('embedded-opentype'),
         url('../fonts/Chalkduster.woff') format('woff'),
         url('../fonts/Chalkduster.ttf') format('truetype'),
         url('../fonts/Chalkduster.svg#Chalkduster') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Monaco';
    src: url('../fonts/Monaco.eot');
    src: url('../fonts/Monaco.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Monaco.woff') format('woff'),
         url('../fonts/Monaco.ttf') format('truetype'),
         url('../fonts/Monaco.svg#Monaco') format('svg');
    font-weight: normal;
    font-style: normal;
}