有时候我们做的页面需要用到一些更好看的字体

又不想用图片代替，图片会影响加载速度则使用外部字体来显示但是直接通过font-family又不一定全部都行这就需要我们在css中进行定义并且引入字体文件路径然后再使用外部字体

直接上代码：

font.html

    
            
    
里客云资源站
www.likeyunba.com

font.css

@font-face { font-family: 'fontnameRegular'; src: url('fontname.eot'); src: local('fontname Regular'),        local('fontname'),        url('fontname.woff') format('woff'),        url('fontname.ttf') format('truetype'),        url('fontname.svg#fontname') format('svg');}  /*其中fontName替换为你的字体名称*/h1{font-family: fontnameRegular}

字体文件下载：

其中上面的font.css

fontname代表字体文件名的名称例如你的字体文件是heiti.ttf那么上面的fontname全都要改为heiti

OK，引入之后的效果

看得出来是已经发生改变了！里客云资源站技术交流群请加微信：likeyunba520