Can't set custom font when using SASS

ionic-v1
1

Hi,
I would like to set a custom font using SASS.
I was able to do that when I was using the default configuration with style.css file but when I try to run the same code on ionic.app.scss it doesn’t work.

//style.css

@font-face {
font-family: 'Bariol_Regular';
src: url('../lib/ionic/fonts/Bariol_Regular.eot');
src: url('../lib/ionic/fonts/Bariol_Regular.eot') format('embedded-opentype'),
     url('../lib/ionic/fonts/Bariol_Regular.woff2') format('woff2'),
     url('../lib/ionic/fonts/Bariol_Regular.woff') format('woff'),
     url('../lib/ionic/fonts/Bariol_Regular.ttf') format('truetype'),
     url('../lib/ionic/fonts/Bariol_Regular.svg#Bariol_Regular') format('svg');
}

.login_title {
font-family: "Bariol_Regular";
text-align: center;
}

//ionic.app.scss

$ionicons-font-path: "../lib/ionic/fonts" !default;

//Common
@font-face {
    font-family: 'Bariol_Regular';
    src: url("../lib/ionic/fonts/Bariol_Regular.eot");
    src: url("../lib/ionic/fonts/Bariol_Regular.eot") format('embedded-opentype'),
         url("../lib/ionic/fonts/Bariol_Regular.woff2") format('woff2'),
         url("../lib/ionic/fonts/Bariol_Regular.woff") format('woff'),
         url("../lib/ionic/fonts/Bariol_Regular.ttf") format('truetype'),
         url("../lib/ionic/fonts/Bariol_Regular.svg#Bariol_Regular") format('svg');
    font-weight: normal;
  	font-style: normal;
}

// Include all of Ionic
@import "www/lib/ionic/scss/ionic";

.login_title {
	font-family: "Bariol_Regular";
	text-align: center;
}
2

I am having the exact same problem.
Did you ever fix it?

4

I’m sorry.

Once you have made the post I saw that you are using Ionic 1.

The solution is to Ionic 2.

5

Sorry, but there must be another way than to migrate the entire app to Ionic 2?