taivare · August 27, 2015 18:12
diff --git a/index.html b/index.html
 <p>Using calc in combination with vw and vh units for font-size to create text that always fills the viewport. No matter what ratio.</p>
diff --git a/Mixing vw and vh in font-size.markdown b/Mixing vw and vh in font-size.markdown
diff --git a/style.css b/style.css
 body {
  color: slategray;
  font-family: 'Abril Fatface';
  line-height: 1.2;
 }

 p {
  margin: 0;
  font-size: calc(4vw + 4vh + 2vmin);
  /* See:
   * http://codepen.io/CrocoDillon/pen/jgmwt
   * For some math behind this
   */
 }
diff --git a/styles b/styles
 <link href="//fonts.googleapis.com/css?family=Abril+Fatface" rel="stylesheet" />
	body {
	color: slategray;
	font-family: 'Abril Fatface';
	line-height: 1.2;
	}

	p {
	margin: 0;
	font-size: calc(4vw + 4vh + 2vmin);
	/* See:
	* http://codepen.io/CrocoDillon/pen/jgmwt
	* For some math behind this
	*/
	}