向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设置为此

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

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

结构

--index.html

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

--build
----main.css