我下载了一些otf字体,然后将它们转换为eot使用:
https://onlinefontconverter.com但是当我在IE8中查看该网站时,字体不显示(它们显示在Chrome,Firefox,Opera,Android中).无论是我的代码还是eot都有问题.有谁知道什么是错的?
(下载Roboto:http://www.fontsquirrel.com/fonts/roboto)
(在此转换:https://onlinefontconverter.com)
styles.css的
@H_404_8@@font-face { font-family: RobotoCondensed; src: url("Roboto-Condensed.eot"); } @font-face { font-family: RobotoCondensed; src: url("Roboto-Condensed.ttf"); } .myDiv { font-family: RobotoCondensed,Arial,Helvetica; font-size: 10px; color: #e8e8e8; }index.html(相关代码)
@H_404_8@<div class="myDiv">Some font in here that shows incorrectly as Arial!</div>样式表和字体位于同一文件夹中.
解决方法
谢谢你的帮助.看起来问题是字体转换器. eot文件未被IE识别为有效.感谢“Joel Eckroth”建议我尝试其他转换器.