Skip to content

Instantly share code, notes, and snippets.

@alexbaldwin
Created December 23, 2011 00:48
Show Gist options
  • Save alexbaldwin/1512549 to your computer and use it in GitHub Desktop.
Save alexbaldwin/1512549 to your computer and use it in GitHub Desktop.
Unicode no-fontface fallbacks
.icons.api:before { content: 'Q'; }
.icons.download:before { content: '~'; }
.icons.play:before { content: '4'; }
.icons.pause:before { content: '5'; }
.icons.stop:before { content: '6'; }
.icons.next:before { content: '7'; }
.icons.back:before { content: '8'; }
.icons.repeat:before { content: '0'; }
.icons.shuffle:before { content: ';'; }
.icons.history:before { content: '1'; }
.icons.chart:before { content: 'l'; }
.icons.settings:before { content: 'y'; }
.icons.tune:before { content: 'm'; }
.icons.favorite:before{ content: 'k'; }
.icons.tweeticon:before { content: 'B'; }
.icons.fullscreen:before { content: '`'; }
.icons.top:before { content: 'S'; }
.icons.contact:before { content: 'M'; }
.icons.feedback:before { content: 'W'; }
.icons.hosting:before { content: 'C'; }
.icons.left:before { content: '['; }
.icons.right:before { content: ']'; }
.icons.up:before { content: '{'; }
.icons.down:before { content: '}'; }
.icons.user:before { content: 'U'; }
.icons.close:before { content: '*'; }
.icons.press:before { content: 'N'; }
.icons.info:before { content: 'i'; }
.icons.legal:before { content: 'z'; }
.icons.super:before { content: 'Y'; }
.icons.volumedown:before { content: '<'; }
.icons.volumeup:before { content: '>'; }
.no-fontface nav .icons, .no-fontface footer { display: none; }
.no-fontface .icons.play:before { content: '▶'; }
.no-fontface .icons.pause:before { content: 'ǁ'; }
.no-fontface .icons.next:before { content: '▶▶'; font-size:.5em; }
.no-fontface .icons.back:before { content: '◀◀'; font-size:.5em; }
.no-fontface .icons.favorite:before{ content: '❤'; }
.no-fontface .icons.user:before { content: '☺'; }
.no-fontface .icons.shuffle:before { content: '∞'; }
.no-fontface .icons.repeat:before { content: '⟳'; }
.no-fontface .icons.tune:before { content: '♫'; }
.no-fontface .icons.tweeticon:before { font-family:helvetica; font-size:.5em; content: 'Tweet'; }
.no-fontface .icons.stop:before { content: '█'; float:left; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment