0

I have developed an android mobile application using the Ionic framework.I have used custom font Lato-Black by refering this blog.However it doesn't work on devices. In Chrome/Firefox,works well.

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>
Gokul P P
  • 962
  • 8
  • 27
Muhsin Keloth
  • 7,855
  • 7
  • 39
  • 59

1 Answers1

1

Your CSS syntax is not correct, there is nested occurrence of @font-face in your code

.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;
}
Pranav C Balan
  • 113,687
  • 23
  • 165
  • 188