vaadin-framework/WebContent/VAADIN/themes/valo/fonts/_fonts.scss

// Not included automatically, only if $v-font-family specifies them
@import "open-sans/open-sans";
@import "source-sans-pro/source-sans-pro";
@import "roboto/roboto";
@import "lato/lato";
@import "lora/lora";

$v-font-awesome: true !default;

$fontawesome-pathPrefix: null;
  
@if $v-relative-paths == true {
  $fontawesome-pathPrefix: "../../../";
}

@mixin valo-fonts {
  // Valo Icons
  @include v-font(ThemeIcons, "#{$fontawesome-pathPrefix}../base/fonts/themeicons-webfont");
  @if $v-font-awesome {
  	@include v-font(FontAwesome, "#{$fontawesome-pathPrefix}../base/fonts/fontawesome-webfont");
  }
}


@mixin v-font($font-family, $file-name) {
  @include font-face($font-family, $file-name);

  .#{$font-family} {
      font-family: #{$font-family};
      font-style: normal;
      font-weight: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      display: inline-block;
      text-align: center;
  }
}


@mixin font($font-family, $file-name) {
  @warn "The 'font' mixin is DEPRECATED. You should use the corresponding 'v-font' mixin instead.";
  @include v-font($font-family, $file-name);
}



// Include directly to avoid trapping inside a parent selector
// TODO move inside the theme main mixin once we can use Sass 3.3 (@at-root)
@include valo-fonts;