我已经尝试了各种代码来嵌入自定义字体,最后似乎在FF& IE8以上.但它在IE7中不支持.
@font-face { font-family: 'xyzfont'; src: url('fonts/abc-font.eot?') format('eot'),url('fonts/abc-font.woff') format('woff'),url('fonts/abc-font.ttf') format('truetype'); } h1,h2,h3,div span { font-family: 'xyzfont',Georgia,Arial; }
任何使其更兼容的建议(如IE7)都是最受欢迎的.
解决方法
这是我用来在每个浏览器中嵌入我的字体的css,希望有帮助:
@font-face { font-family: 'xyzfont'; src: url('fonts/abc-font.eot'); /* IE9 Compat Modes */ src: url('fonts/abc-font.eot?#iefix') format('embedded-opentype'),/* IE6-IE8 */ url('fonts/abc-font.woff') format('woff'),/* Modern browsers */ url('fonts/abc-font.ttf') format('truetype'),/* Safari,Android,iOS */ url('fonts/abc-font.svg#svgFontName') format('svg') /* Legacy iOS */ }
另请注意,您可以设置不带引号的字体系列,如下所示:
h1,div span { font-family: xyzfont,Arial; }
fontsquirrel可能是生成所需字体格式的最佳位置.
原文地址:https://www.jb51.cc/html/224200.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。