DEV Community

Discussion on: How to build a responsive website

Collapse
 
emmanuelnk profile image
Emmanuel K

I have some questions. How do you deal with font-sizing on mobile first responsive designs? I mean, I know the way I do it but I'm looking for insight into how other developers deal with this.
For example,
What units do you use? Do you use SASS/SCSS variables to hold font information? How do you deal with different font families etc

If you could I'd love to see an example. Thanks, and great article!

Collapse
 
chrissiemhrk profile image
Chrissie

My default unit is rem, except for images and videos where I use %, everything else its rem.

As I'm still not familiar with using multiple font families in one project, I tend to stick to using one font-family.

For mobile, the font-size will obviously be small usually I give them a size of 0.8-1rem and as the screen widens and layout shifts I increase the font-size accordingly.

You can check this repo github.com/chrissiemhrk/sass-boile..., I use it as a template for all my small project and it has the different default styling that I normally use.