带有Ionic框架的Google字体

use*_*189 5 google-font-api ionic-framework

我已经制作了一个基于离子框架的应用程序,我正在使用谷歌字体的' Cairo '字体.
当我使用浏览器进行测试时,字体工作正常,但当它来到模拟器时,它显示为方形.

ps:我已经下载了字体并用新路径修改了css文件但仍然无法正常工作.

这是CSS文件:

/* 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;*/
}
Run Code Online (Sandbox Code Playgroud)

这是完整的路径: 在此输入图像描述