HTML CSS@face 导入字体

@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

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。