LESS Toolkit

less_toolkit.less

/*
  .font-face()
  Adds Webfont File (WOFF & WOFF2)
*/

.font-face(@font-family, @font-name, @font-root: '/', @font-weight: normal, @font-style: normal ){
  @font-face {
    font-family: @font-family;
    src: url('@{font-root}@{font-name}.woff2') format('woff2'),
         url('@{font-root}@{font-name}.woff') format('woff');
    font-weight: @font-weight;
    font-style: @font-style;
  }
}

/*
  Examples

  .font-face('Arial', 'Arial-Bold', '/css/fonts/', bold);

  @font-face {
    font-family: 'Arial';
    src: url('/css/fonts/Arial-Bold.woff2') format('woff2'),
         url('/css/fonts/Arial-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
  }

*/