How to ignore/override system font size

Ionic Framework ionic-v3
1

Hello
I’m working on an app for a friend. During the development I uploaded it to ionic view and tested it.
Yesterday I invited the friend to use ionic view on his device to play around with the app before realising an official release.
Apparently my friend has modified the system font size on his device (from default to XL) and to my surprise this ruin the visibility of the app.

Bellow you can see 2 screenshots - the first is my device, and the second is from my friend device.

image
WhatsApp Image 2017-05-24 at 10.09.24.jpeg720×1280 34 KB

image
WhatsApp Image 2017-05-24 at 10.12.59.jpeg720×1280 37.6 KB

The most noticeable is the date picker slider, but in general the whole layout is ruined.
Is there a way to ignore or override the system font size?

2

Hi, can someone please explain how can I access to the font-size of the date-picker slider and set it to a specific value ?

EDIT: found it. I override ionic variable $picker-md-option-font-size.

3

How did you overcome the problem? I am having same issue and I cannot really find a solution for this problem. I want to fix the font size regardless of the system font size.
Thank you.