[CSS] 自定义字体

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

.test{
    font-family:' YourWebFontName'
}

注:
当字体文件格式不对时,会提示Failed to decode downloaded font

字体文件兼容性:


[CSS] 自定义字体_第1张图片

你可能感兴趣的:([CSS] 自定义字体)