Time-Saving TextMate Snippet for @font-face Declaration

I’m always eager to save 20 seconds. So in that spirit, here’s this little TextMate snippet for @font-face declarations. Set it up with a tab trigger “ff” or whatever suits your fancy, and zoom zip zoom away. Shorty lightning burning on the keyboard.

@font-face {
    font-family: '${1:FontName}';
    src: url('${1:FontName}.eot');
    src: local('${1:FontName}'),
         url('${1:FontName}.ttf') format('truetype'),
         url('${1:FontName}.svg#font') format('svg');
}

You can find all of our snippets at Snipplr.

Leave a Reply