css - 向 CSS 添加自定义按钮 - Ionic 3 无法加载字体

Question

我正在尝试为我的 Ionic 应用程序添加自定义按钮样式。

这是我的文件夹结构的图像，其中字体不起作用:

这是我的 Sass 文件:

page-login {
  @font-face {
    font-family: 'Minecraft';
    src: url('../../assets/Minecraft.ttf')
  }
  .button-login {
    height: 40px;
    width: 200px;
    text-decoration: none;
    text-align: center;
    color: white;
    background: url('https://i.hizliresim.com/QpVGbg.png') no-repeat;
    font-family: Minecraft;
    line-height: 26px;
    padding-top: 6px;
  }
}

Answer 1

你必须将字体源设置为此

 src: url('../assets/Minecraft.ttf')

因为当 scr 文件夹得到构建并且所有内容都被编译并放入 www 文件夹中时，所有 css 文件都被编译到 main.css 中。

结构

--index.html

--assets
----fonts
------MineCraft.tff

--build
----main.css