/* Apply these base styles to all icons */ .icon-feed, .icon-twitter, .icon-google-plus, .icon-facebook { font-family: 'icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; text-decoration: none; } /* Each icon is created by inserting the corret character into the content of the :before pseudo element. Like a boss. */ .icon-feed:before { content: "\e001"; } .icon-twitter:before { content: "\e002"; font-size: 1.1em; } .icon-google-plus:before { content: "\e003"; } .icon-facebook:before { content: "\e004"; }