自定义字体

半凉半夏

于 2014-08-08 16:25:11 发布

阅读量470

点赞数

CC 4.0 BY-SA版权

分类专栏： CSS

本文链接：https://blog.youkuaiyun.com/jamkier/article/details/38440751

CSS 专栏收录该内容

15 篇文章

订阅专栏

自定义字体通常会较耗费大量的流量及储存空间，所以一般不用，为了使网站支持更多的平台，通常我们字体只用'宋体',但当可以不考虑流量及空间的情况下想用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 */ 
}
@font-face { 
    font-family: 'YourWebFontName'; 
    src: url('YourWebFontName.eot?') format('eot');/*IE*/ 
    src:url('YourWebFontName.woff') format('woff'), url('YourWebFontName.ttf') format('truetype');/*non-IE*/ 
}