ionic 3 importing font for every device

Question

I have a simple project on ionic 3, i just need to use a custom font in an input on the app.

I copied the font (ttf format) to "../assets/fonts"

in css;

font-family: license plate, ariel, sans-serif;

just added this.

Now its ok when i serve the app with ionic serve and open it in chrome it works fine. (font already installed on my windows) But with ionicDevApp i cant see the font in actual iphone.

how can i import font ? couldnt fine any official ionic document about it and in similar stackoverflow topics are very complicated to understand.

i want to see that font in every device my app installed.

Please assist me thanks

simirimia simirimia · Accepted Answer · 2018-08-01T19:55:29

Not exactly my area of expertise, but we use the Noto Hero font this way:

@font-face {
  font-family: 'Hero';
  src: url('Hero.woff2') format('woff2'),
  url('Hero.woff') format('woff');
  font-weight: normal;
  font-style: normal;  
}

So I guess you are missing the url and src part.

ionic 3 importing font for every device

1 Answers