Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
September 11, 2021 05:06 pm GMT

CSS-Typography

Typography is a main thing when it comes to front-end designing.
Here, we can look more into typography tips.

Font-family

1.In font-family, mostly we can use serif and sans-serif.sans- 
serif is widely used in modern-websites and we can use serif
in luxury websites.
2.In sans-serif , we can use Inter, Opensas, roboto,
Montserrat , worksans , lato etc
3.In serif , we can use Merriweather, aleso, playfair-display,
cormorant , cardo, lora etc




font-size


1.Normal text 16px-32px
2.font-size of Long text can be more than 20px.
3.Headlines 50px and font-weight:600
4.For any text don't go more than font-weight:400 expect
headlines




paragraphs


1.Don't make paragraph so long and Use less than 75 characters 
per line.
2.if paragraphs are long , user's will find it difficult to
read the information that you are trying to convey through
it.




line-height


1.For Normal text, line-height should be in between 1.5 and 2
2.For big Text go for less than 2




Letter-spacing


1.Decrease letter spacing in headlines
2.For small headlines , make every letter in uppercase With
low letterspacing




Don't do


1.Don't justify text
2.Small blocks are fine
3.Don't center long text blocks




Thanks so much for your awesome time. Let's get together again soon.

Buy Me A Coffee


Original Link: https://dev.to/rohitbrk/css-typography-24ai

Share this article:    Share on Facebook
View Full Article

Dev To

An online community for sharing and discovering great ideas, having debates, and making friends

More About this Source Visit Dev To