<button>Toggle Kerning</button>
<h1>Rubber Baby Buggy Bumpers</h1>
@import 'https://fonts.googleapis.com/css?family=Abril+Fatface';
body {
  text-align: center;
  padding: 5px;
}
h1 {
  font-family: 'Abril Fatface', cursive;
  font-size: 2.5em;
}

.no-kern-please {
  font-kerning: none;
}
var button = document.querySelector("button");
button.addEventListener("click", function() {
  document.body.classList.toggle("no-kern-please");
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.