html - 使用自定义字体 - 无法在 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#，但您可以在网络服务器中上传字体。就我而言，我使用的是 tomcat