Question

我在CSS中使用的是@ font-face，如下所示

   @font-face {
    font-family: 'Gotham';

    src: url('../assets/fonts/Gotham Book.otf')format("opentype");
}

body {
background:transparent;
min-height:100%;    
-webkit-font-smoothing: antialiased;
-webkit-overflow-scrolling: touch;
line-height: 1.5em;
font-size:14px;
font-family: Gotham;
color:#fff;
color:rgba(255,255,255,.8); 
font-weight: normal;

} 它在chrome上可以完美地运作，但是在狐狸狐狸中却不能如罗马时代所示。字体gotham已安装在该文件夹中，并且链接如给定。

Answer 1

我认为解决方案是按照您的做法应用.eot，.woff，.woff2

请参考以下示例。

@font-face {
   font-family: 'co-text';
   src: url('CoText-Light.eot');
   src: url('CoText-Light.eot?#iefix') format('embedded-opentype'),
       url('CoText-Light.woff2') format('woff2'),
       url('CoText-Light.woff') format('woff'),
       url('CoText-Light.ttf') format('truetype');
   font-weight: 300;
   font-style: normal;
}

让我知道是否有问题。

为什么CSS中的Gotham字体无法在firefox上使用？

1 个答案: