Responsive Font Size

Uses viewport units

by Ryan Perez

HTML

<div class="wrapper">
    <div class="font">horz 235</div>
    <div class="vfont">vert 235</div>
</div>

CSS

.font
{
    font-size: 15vw;
    white-space: nowrap;    
    text-transform: uppercase;
}

.vfont
{
    font-size: 15vh;
    white-space: nowrap;    
    text-transform: uppercase;
}

JavaScript

causeRepaintsOn = $(".font, .vfont");

$(window).resize(function() {
    causeRepaintsOn.css("z-index", 1);
});