Ionic-framework: Add Roboto font for MD mode

Created on 2 Jan 2019  路  4Comments  路  Source: ionic-team/ionic-framework

core

Most helpful comment

I would not integrate Roboto on MD mode by default. I like it small and a font will blow it up. I would suggest to add it to the global.scss like the other imports:

@import "~@ionic/angular/css/core.css";
@import "~@ionic/angular/css/normalize.css";
@import "~@ionic/angular/css/structure.css";
@import "~@ionic/angular/css/typography.css";
@import "~@ionic/angular/css/padding.css";
@import "~@ionic/angular/css/float-elements.css";
@import "~@ionic/angular/css/text-alignment.css";
@import "~@ionic/angular/css/text-transformation.css";
@import "~@ionic/angular/css/flex-utils.css";

And then I would add another import (e.g. @import "~@ionic/angular/css/roboto.css";). So every developer can decide, if he want to add roboto or not.

If someone uses vue or another package, there should be the same possibility of course.

I already have a @import "theme/fonts"; and there I import my preferred fonts. So it's not the task of ionic to do it.

This is just my point of view ;)

All 4 comments

I would not integrate Roboto on MD mode by default. I like it small and a font will blow it up. I would suggest to add it to the global.scss like the other imports:

@import "~@ionic/angular/css/core.css";
@import "~@ionic/angular/css/normalize.css";
@import "~@ionic/angular/css/structure.css";
@import "~@ionic/angular/css/typography.css";
@import "~@ionic/angular/css/padding.css";
@import "~@ionic/angular/css/float-elements.css";
@import "~@ionic/angular/css/text-alignment.css";
@import "~@ionic/angular/css/text-transformation.css";
@import "~@ionic/angular/css/flex-utils.css";

And then I would add another import (e.g. @import "~@ionic/angular/css/roboto.css";). So every developer can decide, if he want to add roboto or not.

If someone uses vue or another package, there should be the same possibility of course.

I already have a @import "theme/fonts"; and there I import my preferred fonts. So it's not the task of ionic to do it.

This is just my point of view ;)

Any updates there?

We have opted to focus on having Ionic Framework apps use the system fonts built into each operating system so we do not need to ship a copy of Roboto in each app.

Was this page helpful?
0 / 5 - 0 ratings