CodePen

HTML

            
              <h1><b>Inter</b>views</h1>
<h2><b>Inter</b>views</h2>
<h3><b>Inter</b>views</h3>
<h4><b>Inter</b>views</h4>
<h5><b>Inter</b>views</h5>
<h6><b>Inter</b>views</h6>
            
          
!

↑ Insert the most common viewport meta tag

CSS

            
              @import url(http://fonts.googleapis.com/css?family=Oswald:300);

/* use bigger base size, this style is not fit for small sizes */
body { font-size: 2em; margin: 0 .5em; }

/* the beauty of not using pixel values: single value fits all sizes */
h1,h2,h3,h4,h5,h6 {
  font-family: 'Oswald', sans-serif;
  font-weight: normal;
  letter-spacing: -.1em;
  margin: 0;
  text-transform: lowercase;
}
b { letter-spacing: normal; }
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................