jenofdoom

// update paths as needed if /fonts/ is not right for your site

@mixin font-face($fontname, $filename: $fontname, $weight: normal, $style: normal) {
  @font-face {
    font-family: $fontname;
    src: url('/fonts/#{$filename}.woff2') format('woff2'),
         url('/fonts/#{$filename}.woff') format('woff');
    font-weight: $weight;
    font-style: $style;
  }

jenofdoom

// Include gulp
var gulp = require('gulp');

// Polyfill so we don't need >= node 0.12
require('es6-promise').polyfill();

// Include plugins
var sass = require('gulp-sass');
var minifyCSS = require('gulp-minify-css');
var autoprefixer = require('gulp-autoprefixer');

jenofdoom

sudo apt-get install -y python-software-properties python g++ make
sudo add-apt-repository ppa:chris-lea/node.js
sudo apt-get update
sudo apt-get install -y nodejs
sudo npm install -g bower
sudo chown -R $(whoami) ~/.npm

jenofdoom

// font families!
.font-face(@fontname; @filename: @fontname; @weight: normal; @style: normal) {
    // based on font squirrel output, without SVG (too legacy)
    @font-face {
        font-family: @fontname;
        src:url('../fonts/@{filename}.eot');
        src:url('../fonts/@{filename}.eot?#iefix') format('embedded-opentype'),
        url('../fonts/@{filename}.woff2') format('woff2'),
        url('../fonts/@{filename}.woff') format('woff'),
        url('../fonts/@{filename}.ttf') format('truetype');

jenofdoom

// font families!
@mixin font-face($fontname, $filename: $fontname, $weight: normal, $style: normal) {
    // based on font squirrel output, without SVG (too legacy)
    @font-face {
        font-family: $fontname;
        src:url('../fonts/#{$filename}.eot');
        src:url('../fonts/#{$filename}.eot?#iefix') format('embedded-opentype'),
            url('../fonts/#{$filename}.woff2') format('woff2'),
            url('../fonts/#{$filename}.woff') format('woff'),
            url('../fonts/#{$filename}.ttf') format('truetype');