css字体在IE中与Trajan不兼容

时间:2014-01-16 09:22:41

标签: html css internet-explorer

我想在我的网站上使用trajan pro。我有.otf这个字体的文件,并将其发送到我的ftp中的fonts文件夹。它不仅适用于internet explorer。我该如何解决这个问题?顺便说一句,我试图在一个网站上生成webfont工具包土耳其字符问题发生。

这是我的css代码;

@font-face{ font-family: trajan_reg; src: url("../fonts/TrajanPro-Regular.otf"); }

ul.navbar-nav li a{ color: #FFF !important; font-family: trajan_reg; }

1 个答案:

答案 0 :(得分:4)

您需要使用.eot格式的字体才能使其适用于IE。从此处生成.eot版本的字体 - the font-face generator

然后在css上使用它 -

@font-face {font-family: 'trajan_reg';
           src: url('../fonts/TrajanPro-Regular.eot');
           src: url('../fonts/TrajanPro-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/TrajanPro-Regular.woff') format('woff'),url('../fonts/TrajanPro-Regular.ttf') format('truetype');}

ul.navbar-nav li a{ color: #FFF !important; font-family: trajan_reg; }