How to use webfont with @font-face

css, font-face, sencha-touch-2, webfonts

Solution

Hey @Ritesh please try something like this,

@font-face {
   font-family: 'ArnoProBold';
   src: url('resources/fonts/your_file.eot');
   src: url('resources/fonts/fonts?#iefix') format('embedded-opentype'),
        url('resources/fonts/your_file.woff') format('woff'),
        url('resources/fonts/your_file.ttf') format('truetype'),
        url('resources/fonts/your_file.svg#ArnoProBold') format('svg');
   font-weight: normal;
   font-style: normal;
}

and so on.

I hope this helps. :)

Problem

I want to change the font in my application to a custom font but the following code is not working: ``` @font-face { font-family: "ArnoProBold"; src: url("resources/fonts/ArnoProBold.ttf"); } @font-face { font-family: "ArnoProCaption"; src: url("resources/fonts/ArnoProCaption.ttf"); } @font-face { font-family: "Arn"; src: url("resources/fonts/ArnoProLightDisplay.ttf"); } ```

Original source