Ionic v3-从设备存储中加载.woff字体

Question

我正在尝试找出如何最好地从设备存储中加载.woff字体文件，以便在使用Ionic 3的页面上使用。

目前我正在这样做：

mypage.ts

string(34) "[{"fruit":"apple","nut":"almond"}]"

array(1) {
  [0]=>
  object(stdClass)#1 (2) {
    ["fruit"]=>
    string(5) "apple"
    ["nut"]=>
    string(6) "almond"
  }
}


array(1) {
  [0]=>
  array(2) {
    ["fruit"]=>
    string(5) "apple"
    ["nut"]=>
    string(6) "almond"
  }
}

mypage.html

   this.file.readAsText(this.file.dataDirectory, 'myfont.woff').then((data)=>{
      this.icofont = data;
    });

{{icofont}}未得到解释，因为在控制台中看到此错误：

<style>
    @font-face {
            font-family: "myfont";
            src: url({{icofont}}) format("woff");
            font-weight: normal;
            font-style: normal;
          }
</style>

我意识到这可能是实现此目标的最佳方法，我将不胜感激，帮助我朝正确的方向前进。

仅供参考：之所以这样做，是因为当我们为应用发布新的图标字体时，可以将它们下载到设备存储中并从那里访问，而无需发布该应用的完整版本。也许有更好的方法来管理此问题，欢迎任何想法。

非常感谢。