How to add custom fonts to ionic project?

Question

HTML

My project is configured to compile scss -> css and I can't pick up fonts from the correct folder.
Here is my folder structure for better understanding.

| scss/
  |-- basics/
    |--_fonts.scss
  |-- fonts/
    |-- lineto-circular-book.woff
    |-- lineto-circular-medium.woff
| www

This is what _fonts.scss looks like

@charset "UTF-8";

@font-face {
  font-family: 'Circular-Medium';
  src: url('fonts/lineto-circular-medium.woff');
}

@font-face {
  font-family: 'Circular-Medium-Book';
  src: url('fonts/lineto-circular-book.woff');
}

I am getting Not Found status. How can I fix the problem?

Answer 1

They lie in scss/fonts and are requested at css/fonts, maybe this is the problem?