An Interest In:
Web News this Week
- April 26, 2024
- April 25, 2024
- April 24, 2024
- April 23, 2024
- April 22, 2024
- April 21, 2024
- April 20, 2024
September 11, 2021 05:06 pm GMT
Original Link: https://dev.to/rohitbrk/css-typography-24ai
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.
Original Link: https://dev.to/rohitbrk/css-typography-24ai
Share this article:
Tweet
View Full Article
Dev To
An online community for sharing and discovering great ideas, having debates, and making friendsMore About this Source Visit Dev To