CSS自定义字体不工作

Question

我下载了一种字体，我试图在CSS中创建一个横幅，我需要这种字体，但它只是不显示。

@font-face { 
    font-family: Minecrafter; 
    src: url("../fonts/Minecrafter_3.ttf") format('truetype'); 
} 

#logo{ 
    width:100%; 
    height:100px; 
    background-color: red; 
    text-align:center; 
    font-family:Minecrafter; 
    font-size:40px; 
} 

我可以检查错误吗？我正在开发一个win8应用程序。

Answer 1

不同的浏览器支持一组不同的字体格式，所以你需要为每个浏览器提供了一组备选方案（该brwoser支持的somw .eot .woff * TTF），所以你必须proivde替代Src在你的字体：

@font-face { 
    font-family: Minecrafter; 
    src: url("font.ttf") format('truetype'); 
     url("font.woff") format('woff'); 
} 

良好的网站转换用的字体为你想要的格式： https://onlinefontconverter.com