leohxj
2/14/2014 - 6:43 AM

CSS3 web font

CSS3 web font

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

/* OR */

@font-face {
    font-family: 'MyWebFont';
    src: url('webfont.eot'); /* IE9 Compat Modes */
    src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('webfont.woff') format('woff'), /* Modern Browsers */
         url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}