%p Kerning
%p.negative.kerning.bold Tomato

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

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

p
  margin: 0 0 10px

.negative
  letter-spacing: -0.025em
  margin-bottom: 20px
  font-size: 45px
  font-weight: 700

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

.no-kerning
  font-kerning: none

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.