Google fonts with ionic structure

I created an ion frame based application, I use Cairo 'fonts from Google fonts. The font works fine when I use the browser for testing, but when it comes to the emulator, it displays as a square.

ps: I downloaded the font and changed the css file in a new way and still did not work.

This is the CSS file:

/* arabic */ @font-face { font-family: 'Changa'; font-style: normal; font-weight: 400; src: local('Changa'), local('Changa-Regular'), url(changa/kJoVtULHl2iZq_3MNTQVo3-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2'); /*unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+FB50-FDFF, U+FE80-FEFC;*/ } /* latin-ext */ @font-face { font-family: 'Changa'; font-style: normal; font-weight: 400; src: local('Changa'), local('Changa-Regular'), url(changa/eZ-9bnVvsIhiJdRpRkxJ4X-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2'); /*unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;*/ } /* latin */ @font-face { font-family: 'Changa'; font-style: normal; font-weight: 400; src: local('Changa'), local('Changa-Regular'), url(changa/u5aigp7vZoG41r3MEe43QuvvDin1pK8aKteLpeZ5c0A.woff2) format('woff2'); /*unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;*/ } 

And this is the full path: enter image description here

+5
source share

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


All Articles