CSS自定义字体不工作

我下载了一种字体，我试图在CSS中创建一个横幅，我需要这种字体，但它只是不显示。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应用程序。

来源

2014-12-01 Andrew V

什么是您的控制台说？ – Josiah 2014-12-01 15:56:58

你在使用Cordova/Phonegap吗？ – 2014-12-01 16:00:21

我使用视觉工作室 – 2014-12-01 16:00:36

不同的浏览器支持一组不同的字体格式，所以你需要为每个浏览器提供了一组备选方案（该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

来源

2014-12-01 16:18:42 Mvrk

是答案有帮助？ – Mvrk 2014-12-03 19:30:30

@无限编辑旧帖子仅用于将'http：//'更改为'https：//'没有用处。这样做会使这些旧帖子在活动标签上出现颠簸，并且通常会使人感到烦恼。请参阅：[“**不鼓励微小的琐碎编辑操作** - 尝试在编辑时使该帖子显着更好，纠正您观察到的所有问题。”]（http://stackoverflow.com/help/privileges/edit ） - 从帮助中心页面进行编辑。 – 2015-12-02 21:22:13

感谢onlinefontconverter是一个伟大的资源，非常感谢 – 2017-09-11 22:06:29

CSS自定义字体不工作

回答

相关问题