%p Kerning
%p.positive.kerning Tomato

%p No kerning
%p.positive.no-kerning Tomato
View Compiled
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400')

html
  font-family: 'Source Sans Pro', 'Open Sans', 'Helvetica Neue', 'Helvetica', sans-serif
  font-kerning: normal
  font-weight: 400
  line-height: 1
  padding: 40px 40px 0

p
  margin: 0 0 10px

.positive
  letter-spacing: 0.125em
  margin-bottom: 20px
  font-size: 45px
  font-weight: 300

.kerning
  // 1. IE will enable kerning only via font-feature-settings.
  font-feature-settings: 'kern'
  font-kerning: normal

.no-kerning
  font-kerning: none
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.