@font-face doesn't work on android 4.2.2 device

Ionic Framework ionic-v3
1

Hi!
I have a problem with custom font in Ionic 2. I converted ttf to eot, woff, woff2, svg formats. In browser it works. On device I see default system font. Cannot get what the problem. Was read all similar topics but answer not found

CSS:
@font-face { font-family: "BebasNeueBold"; src: url("../fonts/BebasNeueBold.svg#BebasNeueBold") format("svg"); src: url("../fonts/BebasBold.eot"), url("../fonts/BebasBold.eot") format("embedded-opentype"), url("../fonts/BebasBold.woff2") format("woff2"), url("../fonts/BebasNeueBold.woff") format("woff"), url("../fonts/BebasNeueBold.ttf") format("truetype"); font-weight: normal; font-style: normal; }

font-family: "BebasNeueBold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif !important;

Font files are in folder
build/www/fonts

Please help. What may be cause?

1 Like