How to include a custom font in ioni 3?
up vote
0
down vote
favorite
Custom Font related question.
It's the first time that I try to use a custom font inside the App but I have a lot of problems..
Example: I want to use this google font https://fonts.google.com/specimen/Special+Elite
I've downloaded this font and put it into /assets/fonts
In variables.scss I added the code:
@font-face {
font-family: 'SpecialElite-Regular';
src: url('../assets/fonts/SpecialElite-Regular.ttf') format('ttf');
font-weight: 800;
font-style: regular;
}
and I tried to apply this font to all the code:
app.scss
*{
font-family: "SpecialElite" !important;
}
But the font isn't shown (not in browser, not in app).
How can I use a custom font?
I did not find any working guide.
Thank you in advance.
ionic-framework fonts ionic3 custom
asked 10 hours ago
JEricaM
357321
add a comment |
up vote
0
down vote
favorite
Custom Font related question.
It's the first time that I try to use a custom font inside the App but I have a lot of problems..
Example: I want to use this google font https://fonts.google.com/specimen/Special+Elite
I've downloaded this font and put it into /assets/fonts
In variables.scss I added the code:
@font-face {
font-family: 'SpecialElite-Regular';
src: url('../assets/fonts/SpecialElite-Regular.ttf') format('ttf');
font-weight: 800;
font-style: regular;
}
and I tried to apply this font to all the code:
app.scss
*{
font-family: "SpecialElite" !important;
}
But the font isn't shown (not in browser, not in app).
How can I use a custom font?
I did not find any working guide.
Thank you in advance.
ionic-framework fonts ionic3 custom
asked 10 hours ago
JEricaM
357321
add a comment |
up vote
0
down vote
favorite
up vote
0
down vote
favorite
Custom Font related question.
It's the first time that I try to use a custom font inside the App but I have a lot of problems..
Example: I want to use this google font https://fonts.google.com/specimen/Special+Elite
I've downloaded this font and put it into /assets/fonts
In variables.scss I added the code:
@font-face {
font-family: 'SpecialElite-Regular';
src: url('../assets/fonts/SpecialElite-Regular.ttf') format('ttf');
font-weight: 800;
font-style: regular;
}
and I tried to apply this font to all the code:
app.scss
*{
font-family: "SpecialElite" !important;
}
But the font isn't shown (not in browser, not in app).
How can I use a custom font?
I did not find any working guide.
Thank you in advance.
ionic-framework fonts ionic3 custom
asked 10 hours ago
JEricaM
357321
Custom Font related question.
It's the first time that I try to use a custom font inside the App but I have a lot of problems..
Example: I want to use this google font https://fonts.google.com/specimen/Special+Elite
I've downloaded this font and put it into /assets/fonts
In variables.scss I added the code:
@font-face {
font-family: 'SpecialElite-Regular';
src: url('../assets/fonts/SpecialElite-Regular.ttf') format('ttf');
font-weight: 800;
font-style: regular;
}
and I tried to apply this font to all the code:
app.scss
*{
font-family: "SpecialElite" !important;
}
But the font isn't shown (not in browser, not in app).
How can I use a custom font?
I did not find any working guide.
Thank you in advance.
ionic-framework fonts ionic3 custom
ionic-framework fonts ionic3 custom
asked 10 hours ago
JEricaM
357321
asked 10 hours ago
JEricaM
357321
asked 10 hours ago
JEricaM
357321
asked 10 hours ago
JEricaM
357321
asked 10 hours ago
JEricaM
357321
357321
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
up vote
0
down vote
You should take a look in the theme/variables.scss file, there is exactly described what you need.
answered 10 hours ago
dgbt
1314
in variable.scss there is nothing about custom fonts, the only font reference is import "roboto"; import "noto-sans";
– JEricaM
10 hours ago
well if you need a working example see: forum.ionicframework.com/t/custom-fonts-in-ionic3/87048/15
– dgbt
10 hours ago
add a comment |
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
0
down vote
You should take a look in the theme/variables.scss file, there is exactly described what you need.
answered 10 hours ago
dgbt
1314
in variable.scss there is nothing about custom fonts, the only font reference is import "roboto"; import "noto-sans";
– JEricaM
10 hours ago
well if you need a working example see: forum.ionicframework.com/t/custom-fonts-in-ionic3/87048/15
– dgbt
10 hours ago
add a comment |
up vote
0
down vote
You should take a look in the theme/variables.scss file, there is exactly described what you need.
answered 10 hours ago
dgbt
1314
in variable.scss there is nothing about custom fonts, the only font reference is import "roboto"; import "noto-sans";
– JEricaM
10 hours ago
well if you need a working example see: forum.ionicframework.com/t/custom-fonts-in-ionic3/87048/15
– dgbt
10 hours ago
add a comment |
up vote
0
down vote
up vote
0
down vote
You should take a look in the theme/variables.scss file, there is exactly described what you need.
answered 10 hours ago
dgbt
1314
You should take a look in the theme/variables.scss file, there is exactly described what you need.
answered 10 hours ago
dgbt
1314
answered 10 hours ago
dgbt
1314
answered 10 hours ago
dgbt
1314
answered 10 hours ago
dgbt
1314
1314
in variable.scss there is nothing about custom fonts, the only font reference is import "roboto"; import "noto-sans";
– JEricaM
10 hours ago
well if you need a working example see: forum.ionicframework.com/t/custom-fonts-in-ionic3/87048/15
– dgbt
10 hours ago
add a comment |
in variable.scss there is nothing about custom fonts, the only font reference is import "roboto"; import "noto-sans";
– JEricaM
10 hours ago
well if you need a working example see: forum.ionicframework.com/t/custom-fonts-in-ionic3/87048/15
– dgbt
10 hours ago
in variable.scss there is nothing about custom fonts, the only font reference is import "roboto"; import "noto-sans";
– JEricaM
10 hours ago
in variable.scss there is nothing about custom fonts, the only font reference is import "roboto"; import "noto-sans";
– JEricaM
10 hours ago
well if you need a working example see: forum.ionicframework.com/t/custom-fonts-in-ionic3/87048/15
– dgbt
10 hours ago
well if you need a working example see: forum.ionicframework.com/t/custom-fonts-in-ionic3/87048/15
– dgbt
10 hours ago
add a comment |
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53416149%2fhow-to-include-a-custom-font-in-ioni-3%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
