How to apply the font family in CSS to overall UI screens?

Hi,

I imported in scss class.

@import "../fonts/Roboto-Black.ttf";

// And i included the scss class.

@include v-font(Roboto,'../fonts/Roboto');

But its not working.  

Please give any suggestions or any sample code to Apply same font family the overall project ...!

Thanks in advance..!

@import "MyDefaultTheme.scss";
@import "addons.scss";
@include font-face("arialunicodems", '../../../../MyDefaultTheme/fonts/arialunicodems');
$v-font-family: "arialunicodems";
.MyDefaultTheme {
  @include addons;
  @include MyDefaultTheme;
}

Johannes Häyry:

@import "MyDefaultTheme.scss";
@import "addons.scss";
@include font-face("arialunicodems", '../../../../MyDefaultTheme/fonts/arialunicodems');
$v-font-family: "arialunicodems";
.MyDefaultTheme {
  @include addons;
  @include MyDefaultTheme;
}

Thanks Johannes. Its working.!