CSS custom font not working

Question

I downloaded a font , I'm trying to create a banner in css and I need this font but it just doesn't show up.

@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;
}

Can I check for errors somehow? I'm developing a win8 app.

possible duplicate of [Using css font-face in a Phonegap Windows Phone 8 app](http://stackoverflow.com/questions/14575208/using-css-font-face-in-a-phonegap-windows-phone-8-app) — Jamie Barker, Dec 01 '14 at 16:01
it actually says this : failed OpenType embedding permission check. Permission must be Installable. — Andrew V, Dec 01 '14 at 16:10

score 5 · Accepted Answer · edited Jul 01 '16 at 05:48

5

Different browsers support a different set of font formats, so you need to provide a set of alternatives for each browser (somw of the brwoser support .eot.woff *ttf) so you must proivde alternative src for you fonts :

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

good website for converting the font for the format you want : https://onlinefontconverter.com

edited Jul 01 '16 at 05:48

Community

1
1

answered Dec 01 '14 at 16:18

Mvrk

225
2
13

is the answer was helpful ? – Mvrk Dec 03 '14 at 19:30
7

@Endless editing old posts only to change `http://` to `https://` is not useful. Doing so bumps these old posts on the active tab and generally annoys people. Please see: ["**Tiny, trivial edits are discouraged** - try to make the post significantly better when you edit, correcting all problems that you observe."](http://stackoverflow.com/help/privileges/edit) - from the help center page on editing. – Dec 02 '15 at 21:22
thanks that onlinefontconverter is a great resource, much obliged – Jonathan Laliberte Sep 11 '17 at 22:06

CSS custom font not working

1 Answers1