font-scale.scss

// Small Font Size Scaling
  	font-size: 12pt;
		text-rendering: optimizeLegibility;
	@for $i from 1 through 15 {
		@include breakpoint((240px + 20px * $i)) {
			font-size: 12pt + 0.75pt * $i;
		}
	}

	// Medium Font Size Scaling
	@include breakpoint(640px) {
		font-size: 11.38pt;
		text-rendering: optimizeLegibility;
	}
	@for $i from 1 through 16 {
		@include breakpoint((640+20px*$i)) {
			font-size: 11.38pt + 0.4pt * $i;
		}
	}

	// Large Font Size Scaling
	@include breakpoint(960px) {
		font-size: 15.18pt;
		text-rendering: optimizeLegibility;

	}
	@for $i from 1 through 7 {
		@include breakpoint((960px + 20px*$i)) {
			font-size: 15.18pt + 0.34pt*$i;
		}
	}