css 使用CSS @ font-face的示例

Posted 2021-05-13

@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;
}