Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to customize font size in Ionic Framework

I'm using ionic framework (with cordova) to develop mobile apps. What I want to do is to increase the font size (in general in my app).

I've seen that in the official documentation : http://ionicframework.com/tutorials/customizing-ionic-with-sass/. But I do not understand how to customize once sass is working.

I'm working in a tabs-based App like that : http://forum.ionicframework.com/uploads/default/269/9934610f0a08b8d2.png I tried to manually add a class on the tab, but the result is not very clean... the text is cropped...

Is there an official way to change the font-size ?

like image 620
psv Avatar asked Jul 24 '14 12:07

psv


People also ask

How do you change font color in ionic?

The text component is a simple component that can be used to style the text color of any element. The ion-text element should wrap the element in order to change the text color of that element.


1 Answers

I think you don't need to undersand everything on Sass. In your project directory, in

.../yourProject/www/lib/ionic/scss

There is a file named _variables.scss where you will see something like this : enter image description hereenter image description here These are font-size variables, you just have to change these and then build the ionic css file. I suggest you to use https://prepros.io/. I hope it helped you.

like image 119
luharanu Avatar answered Sep 29 '22 12:09

luharanu