css fluid typography code example
Example 1: fluid typography
body {
font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));
}
Example 2: css calc font size
/*Here a possible solution:*/
http://codepen.io/CrocoDillon/pen/fBJxu
p {
margin: 0;
font-size: calc(4vw + 4vh + 2vmin);
/* See:
* http://codepen.io/CrocoDillon/pen/jgmwt
* For some math behind this
*/
}
/*Font-size is calculated with available size using a function that is not
perfect, but may be adjusted to work well in some cases.*/
Example 3: typo3 fluid format html
<f:format.html>foo <b>bar</b>. Some <LINK 1>link</LINK>.</f:format.html>