The easiest way to make responsive text via CSS. Responsive Text Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. CSS h2 { font - size: calc( 2 em * var( -- text - multiplier, 1 )); } p { font - size: calc( 1 em * var( -- text - multiplier, 1 )); } @media ( min - width: 720 px) { :root { -- text - multiplier: 1.4 ; } }