HTML CSS@face 导入字体

标签：css字体

@font-face {
    font-family: ‘emotion‘;
    src=\‘#\‘" /* IE9*/
    src=\‘#\‘" /* IE6-IE8 */
         url(‘emotion.woff‘) format(‘woff‘), /* chrome、firefox */
         url(‘emotion.ttf‘)  format(‘truetype‘), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
         url(‘emotion.svg#svgFontName‘) format(‘svg‘); /*  iOS 4.1- */
    }

IE依然棘手：因为IE9以前只支持eot格式，所以需要将ttf转换为eot先，这里可以使用微软官方的WEFT软件，也可以使用一些在线工具：http://www.kirsle.net/wizards/ttf2eot.cgi 在线转ttf为eot格式；http://www.fontsquirrel.com/fontface/generator强大的在线转ttf为eot、woff等字体格式

 不会到会，只是一个过程！

本文出自 “快樂·其實好簡單” 博客，请务必保留此出处http://1120173856.blog.51cto.com/2882946/1636538

HTML CSS@face 导入字体

标签：css字体

原文地址：http://1120173856.blog.51cto.com/2882946/1636538