How to make fonts respnsive

Responsive text css

/* Uses vh and vm with calc */
@media screen and (min-width: 25em){
  html { font-size: calc( 16px + (24 - 16) * (100vw - 400px) / (800 - 400) ); }
}

/* Safari <8 and IE <11 */
@media screen and (min-width: 25em){
  html { font-size: calc( 16px + (24 - 16) * (100vw - 400px) / (800 - 400) ); }
}

@media screen and (min-width: 50em){
html { font-size: calc( 16px + (24 - 16) * (100vw - 400px) / (800 - 400) ); }
}

How to make fonts respnsive

h1 {
  font-size: clamp(16px, 5vw, 34px);
}

Similar codes

34 votes165 views2 answers
Center a class css
CSS
0 vote139 views1 answer
Access lamp folder using terminal mac
CSS
0 vote144 views1 answer
Css transition cross browser
CSS
0 vote149 views1 answer
Image right css
CSS
1 vote155 views2 answers
Styles only for IE
CSS
0 vote143 views1 answer
Quitar flecha summary html css
CSS
0 vote149 views1 answer
How to background in modal css html and closee th modal with background
CSS
62 votes138 views3 answers
Css root variables
CSS
27 votes151 views3 answers
Hide in css
CSS
0 vote146 views1 answer
Inline block display has margin
CSS