我在MyFonts.com上使用两个权重的Trade Gothic,我让它在除IE 8及更早版本之外的每个浏览器中工作。我有两个css文件 - 链接到模板中每个页面的Web字体的主要css和css。
这是网络字体的CSS。
@import url("//hello.myfonts.net/count/27a4d8");
@font-face {font-family: 'TradeGothicLT-Light';
src: url('new/css/fonts/27A4D8_0_0.eot');
src: url('new/css/fonts/27A4D8_0_0.eot?#iefix') format('embedded-opentype'),
url('new/css/fonts/27A4D8_0_0.woff') format('woff'),
url('new/css/fonts/27A4D8_0_0.ttf') format('truetype');}
@font-face {font-family: 'TradeGothicLT-Bold';
src: url('new/css/fonts/27A4D8_1_0.eot');
src: url('new/css/fonts/27A4D8_1_0.eot?#iefix') format('embedded-opentype'),
url('new/css/fonts/27A4D8_1_0.woff') format('woff'),
url('new/css/fonts/27A4D8_1_0.ttf') format('truetype');}
我尝试使用不同的选项重新下载网络字体套件并将其添加到htaccess但仍然没有运气。
AddType font/ttf .ttf
AddType font/eot .eot
AddType font/otf .otf
AddType font/woff .woff
我在不同的网站上使用了相同代码的此字体,并且可以在较旧的浏览器上使用。两个站点的字体文件都相同。