2015-10-07 65 views
0

我试图导入TTF字体在Chrome扩展我的工作,但我写的字体face规则似乎并没有通过Chrome中得到回升:这些@ font-face声明为什么不加载任何内容?

@font-face { 
    font-family: 'Montserrat'; 
    font-style: normal; 
    font-weight: 400; 
    src: local('Montserrat-Regular'), url('/fonts/Montserrat/Montserrat-Regular.ttf') format('ttf'); 
} 
@font-face { 
    font-family: 'Montserrat'; 
    font-style: normal; 
    font-weight: 700; 
    src: local('Montserrat-Bold'), url('/fonts/Montserrat/Montserrat-Bold.ttf') format('ttf'); 
} 

什么我做错了吗?

+0

尝试使用Google字体管理字体声明CSS。请参阅https://www.google.com/fonts#UsePlace:use/Collection:Monserrat –

+0

由于这是一款Chrome扩展程序,因此它将用于网络访问不完整的情况下(例如在强制门户后面) - 使其成为通过谷歌字体的网络依赖不如本地软件包。我直接从https://github.com/google/fonts将字体出售到下载的软件包中。 –

回答

1

与webfonts中几乎所有其他字体格式(与所包含字体的最常见文件扩展名相匹配)不同,TTF字体的格式标识符为format('truetype'),而不是format('ttf')

相关问题