Search code examples
windows-phone-8fontsfont-face

@font-face doesn't work on windows phone 8

I use some @font-face for my website,some fonts and some icon-font. Icon-font is working well, on desktop and mobile devices but the fonts (not icon-font) is not working on Windows Phone 8. what's the problem?

Solution

    1. Download your font from here (@font-face web type)

    2. Copy your font file (extension: eot,woff,ttf,svg) to your destination path

    3. Update CSS Style (base on relative font path)

      @font-face {
    font-family:"B Yekan";src:url("fonts/Body/BYekan.eot?") format("eot"),url("fonts/Body/BYekan.woff") format("woff"),url("fonts/Body/BYekan.ttf") format("truetype"),url("fonts/Body/BYekan.svg#BYekan") format("svg");
    font-weight:normal;
    font-style:normal;
}