0

I want the text to take up the entire width of the page so the height/font size will depend on the width of the page.

iliketolearn
  • 670
  • 3
  • 8
  • 25
  • Make an image instead. – takendarkk Oct 27 '15 at 00:14
  • 1
    If using an image, you may want to [look into SVG](http://caniuse.com/#feat=svg) so that it's not all pixelated. – Mike Oct 27 '15 at 00:18
  • Possible duplicate of [Font scaling based on width of container](http://stackoverflow.com/questions/16056591/font-scaling-based-on-width-of-container) – Mike Oct 27 '15 at 00:19
  • SVG was a GREAT idea, thanks! – iliketolearn Oct 27 '15 at 00:42
  • Possible duplicate of [how to set font size based on container size?](http://stackoverflow.com/questions/10292001/how-to-set-font-size-based-on-container-size) –  Oct 27 '15 at 03:03

2 Answers2

0

As far as I know, there is no way to do this with vanilla CSS. You're probably going to want to use a JS library like FitText.

unpollito
  • 937
  • 1
  • 11
  • 30
0

In modern browsers you may be able to achieve the desired effect using viewport units

https://css-tricks.com/viewport-sized-typography/

Stephen Baker
  • 166
  • 5