notosans-fontface/less/mixins.less

A simple package providing the Noto Sans fontface.

.fontface(@font-name, @fontface-path, @fontface-prefix, @type, @weight, @style) {
  @font-face {
    font-family: @font-name;
    src: url('@{fontface-path}/@{fontface-prefix}-@{type}.eot');
    src: local('@{font-name} @{type}'),
         local('@{fontface-prefix}-@{type}'),
         url('@{fontface-path}/@{fontface-prefix}-@{type}.eot?#iefix') format('embedded-opentype'),
         url('@{fontface-path}/@{fontface-prefix}-@{type}.woff2') format('woff2'),
         url('@{fontface-path}/@{fontface-prefix}-@{type}.woff') format('woff'),
         url('@{fontface-path}/@{fontface-prefix}-@{type}.ttf') format('truetype'),
         url('@{fontface-path}/@{fontface-prefix}-@{type}.svg#@{fontface-prefix}-@{type}') format('svg');
    font-weight: @weight;
    font-style: @style;
  }
}

.fontface-modern(@font-name, @fontface-path, @fontface-prefix, @type, @weight, @style) {
  @font-face {
    font-family: @font-name;
    src: local('@{font-name} @{type}'),
         local('@{fontface-prefix}-@{type}'),
         url('@{fontface-path}/@{fontface-prefix}-@{type}.woff2') format('woff2');
    font-weight: @weight;
    font-style: @style;
  }
}

@notosans-fontface-path: '../fonts';

.notosans-fontface(@type, @weight, @style) {
  .fontface("Noto Sans", @notosans-fontface-path, "NotoSans", @type, @weight, @style)
}
.notosans-fontface-modern(@type, @weight, @style) {
  .fontface-modern("Noto Sans", @notosans-fontface-path, "NotoSans", @type, @weight, @style)
}