使用自定义字体-无法在Oracle Apex中解码下载的字体

Question

我正在尝试在应用程序中使用一些自定义字体。

因此，我尝试下载Pacifico并尝试在我的应用程序中使用。但是得到Failed to decode downloaded font并且字体没有加载

下面是我的CSS。

@font-face {
  font-family: 'MyWebFont';
  src:  url('#WORKSPACE_IMAGES#Pacifico.ttf')  format('ttf');
}

body {
    font-family: 'MyWebFont', sans-serif;
    font-weight: 300;
    line-height: 25px;
    font-size: 14px;
}

这不起作用。因此，我尝试根据网络中的建议将其转换为.woff，并在下面尝试了。即使这样也失败了。我正在使用Chrome 74.0版本。该如何解决？

@font-face {
  font-family: 'MyWebFont';
  src: url('#WORKSPACE_IMAGES#Pacifico.ttf')  format('ttf'), 
       url('#WORKSPACE_IMAGES#Pacifico.woff')  format('woff'),
       url('#WORKSPACE_IMAGES#Pacifico.woff2')  format('woff2');
}

body {
    font-family: 'MyWebFont', sans-serif;
    font-weight: 300;
    line-height: 25px;
    font-size: 14px;
}

Answer 1

问题在这里，您需要将字体上传到/ i /

@font-face {
      font-family: "Pacifico";
      src: url("http://localhost:8080/i/Pacifico.ttf");
    }

body {
    font-family: "Pacifico", serif;
    font-weight: 300 !important;
    line-height: 25px !important;
    font-size: 14px !important;
}

我不知道为什么Apex无法解决＃WORKSPACE_IMAGES＃，但是您可以在Web服务器中上载字体。就我而言，我正在使用tomcat