Hello, I know its not Ionic problem, anyways maybe someone solved this issue. I have custom font: @font-face { font-family: "wmMensch"; src: url("../fonts/Mensch-regular.ttf") format("opentype"); font-weight: normal; font-style: normal; } However it doesn’t work on devices. In Chrome/F…

I have same issue … I try that approach. In browser it is working. Still it is not working in device… Is there any other solution ??

did you try to use the answer I posted?

Yes. Still it is not working… :frowning:

Hello! I also tried that solution, I can see that it works in the web browser playing with the inspector, but it does not work on my Android Device (Galaxy Nexus). I also tried to host it on a webserver to check if it could be a problem with finding the resource file on the android device, I can se…

I understand better the issue. Actually this is not the font that cannot load properly, but the unicode characters that do not display, whathever font we use. To check that I loaded a web symbols font and it worked well for most of the characters, except those which are not standard latin ones. Unf…

Hi @ceyquem , [image] Css on different android devices Hi there, I am working on the android app using ionic framework where as the application is working fine on Samsung galaxy s duos device.But same application has css issues like font is not applying , stretch footer images etc on Mic…

Hello! Thanks for that link, unfortunately for my case it did not work. I found the root cause of the problem which is a bug in Android 4.x that is fixed in Android 4.4 to handle the @font-face with the stock browser: https://code.google.com/p/android/issues/detail?can=2&q&colspec=ID+Type+Status+O…

@mhartington do you have any idea ? we have problem for non-english text and font-face not applied :frowning:

I had the same problem, but I’m quite sure that this bug is not the error. You have to drop the fonts in the folder www/lib/ionic/fonts and refer to it from the css file. Otherwise it won’t work on mobile! It works always though in the browser when you drop in anywhere in the project.

@math I tried your solution too …!! keeping it in www/lib/ionic/fonts is not workng…!! It works on browser’s and ionic lab too !! but not on device android 4.2

Custom font usage

shashikant July 22, 2014, 5:25am 8

Hi @ceyquem,

Check above link. This may be help you.

Topic		Replies	Views
Fonts in ionic 0.9.24	15	12216	September 1, 2015
Customize font not showing on all devices	11	5778	August 2, 2016
@font-face doesn't work on android 4.2.2 device ionic-v3	0	1215	May 16, 2016
Fonts not applied on non-english text (persian, arabic, ...) ionic-v1	1	2241	September 2, 2014
Css on different android devices ionic-v1	10	3970	June 23, 2014

Custom font usage

Related topics