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 votes300 views1 answer
How to add space between menu items in css
CSS
0 vote291 views1 answer
Css position element in the middle of a header
CSS
0 vote309 views1 answer
Print zend db select query to string
CSS
3 votes322 views1 answer
Trash icon favicon
CSS
1 vote315 views2 answers
Css div side rounded
CSS
0 vote285 views1 answer
Chrome close tab after print
CSS
6 votes297 views2 answers
Transition prefixes css
CSS
1 vote289 views1 answer
Steps() property css
CSS
0 vote316 views1 answer
Easyui datagrid header multiline
CSS
0 vote298 views1 answer
Mathjax beautiful math in all browsers
CSS