Material-ui: Change overall font size
Is there an easy, or not so easy, way to change the overall font size? Via the ThemeManager?
I am creating forms and the input fields are rather large, limiting the number of fields that can be displayed.
celiao
All 11 comments
Would this PR help https://github.com/callemall/material-ui/pull/2039?
oliviertassinari
on 8 Nov 2015
Sure. What's the likelihood it gets merged, or at least the idea gets incorporated? And when?
celiao
on 8 Nov 2015
This is likely to be merged. I don't know when.
oliviertassinari
on 8 Nov 2015
Is that feature gonna be implemented ever?
p00h
on 20 Mar 2016
Please do not consider my message as rudeness, but this is critical feature for me, and the muicss has that killer feature.
p00h
on 20 Mar 2016
I won't say never, but this is not simply a question of supporting a way to change the font size, but rather would require redesigning all the components to support variable font sizes.
As it stands, they are tied to the dimensions specified in the Material Design spec, so don't expect this any time soon.
mbrookes
on 20 Mar 2016
@mbrookes thank you for reply. All I wanted to say was the font-size itself was extremely important to support crossplatform applications. So at the moment I could build the desktop application only using your components. Unfortunately, the mobile version is completely unreadable and unusable. Thank you for your work anyway!
p00h
on 21 Mar 2016
@mbrookes i was wrong about mobile version! I am sorry! It was my mistake. The mobile version looks great despite the lack of font size tweak. Thank you again!
p00h
on 21 Mar 2016
One more thing I have to say. It might be useful for guys like me. Who hadn't gotten enough diligence to the agenda and started asking stupid questions. Google itself have created terrific concept of material design. This project allows everyone to use the entire design flow with js according to google's "how to use".
p00h
on 21 Mar 2016
In our app, the font size is correct on desktop, but, on mobile, text is very small. Is there a recommended way to increase the font size only for mobile? Since the library is built using the 'style' attribute instead of css classes, I assume that using a stylesheet will not work. Am I incorrect in that assumption? Any and all help is much appreciated!
jcheroske
on 23 Mar 2016
@jcheroske, I believe that would do the trick:
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
p00h
on 24 Mar 2016
Related issues
newoga
路
3Comments
sys13
路
3Comments
mb-copart
路
3Comments
ghost
路
3Comments
rbozan
路
3Comments
Most helpful comment
@jcheroske, I believe that would do the trick:
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0"/>