All geek questions in one place

FontAvesome displays as squares on WP8 using cord / phone call

I am using the AngularMobileUI structure and the icons are only displayed as squares. I previously tried the Ionic framework and did the same.

Does anyone know how to fix this, and also why this is happening?

My icons are displayed perfectly on Android and ios

+5
source share
1 answer

Someone has this problem, I found part of the answer here

Getting a web font to work with the Windows Phone App for HTML5?

FontAwesome has a built-in flag set to 4. First you need to set the value to zero. Once this is done, you need to change the css and remove the querystring when loading the font file.

@font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.1.0'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; }

becomes

 @font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.1.0'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../fonts/fontawesome-webfont.ttf') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; }

I just deleted the querystring from the ttf file, since on android and ios this seems unimportant.

Hope this helps someone

+14
source

Source: https://habr.com/ru/post/1200432/

More articles:


All Articles