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

Различных браузеры поддерживают различный набор форматов шрифтов, так что вам нужно, чтобы обеспечить набор альтернатив для каждого браузера (somw опоры brwoser .eot .woff * TTF), так что вы должны proivde альтернативного SRC для вас шрифтов :

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

хороший сайт для преобразования шрифта для формата, который вы хотите: https://onlinefontconverter.com