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

2 votes171 views1 answer
Css transition syntax
CSS
35 votes170 views2 answers
Css code for margin
CSS
1 vote181 views1 answer
Add alpha value to css color variable
CSS
1 vote220 views1 answer
This selector doesn't have any properties and won't be rendered. sass
CSS
1 vote165 views1 answer
Css button:focus border-radius square
CSS
5 votes191 views3 answers
Npm 'cross-env' is not recognized as an internal or external command
CSS
9 votes238 views3 answers
Bootstrap list
CSS Bootstrap
2 votes166 views2 answers
Ng-multiselect-dropdown custom css
CSS
44 votes158 views6 answers
How to center a div element
CSS
0 vote179 views1 answer
Bootstrap 5 sidebar class
CSS