Question

我使用Ionic框架开发了一个Android移动应用程序。我使用自定义字体 Lato-Black 通过引用此blog。但它不适用于设备。在Chrome / Firefox中运行良好。

的style.css

.text-font-white {
    color: white;
    margin-bottom: 0;
    font-family: 'Lato-Black';
}
@font-face {
    @font-face {
        font-family: 'Lato-Black';
        src: url('../fonts/fontawesome-webfont.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
}

HTML

<h1 class="text-font-white">Welcome</h1>

Answer 1

您的CSS语法不正确，您的代码中嵌套了@font-face

.text-font-white {
  color: white;
  margin-bottom: 0;
  font-family: 'Lato-Black';
}
@font-face {
  font-family: 'Lato-Black';
  src: url('../fonts/fontawesome-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

自定义字体在设备中不起作用

1 个答案: