@font-face {
    font-family: 'MetropolisBlack';
        src: url("") format('truetype');
    font-weight: normal;
    font-style: normal;
      }

@font-face {
    font-family: 'MetropolisBlackItalic';
        src: url("") format('truetype');
    font-weight: normal;
    font-style: italic;
      }

@font-face {
    font-family: 'MetropolisBold';
        src: url("") format('truetype');
    font-weight: bold;
    font-style: normal;
      }

@font-face {
    font-family: 'MetropolisBoldItalic';
        src: url("") format('truetype');
    font-weight: bold;
    font-style: italic;
      }

@font-face {
    font-family: 'MetropolisExtraBold';
        src: url("") format('truetype');
    font-weight: normal;
    font-style: normal;
      }

@font-face {
    font-family: 'MetropolisExtraBoldItalic';
        src: url("") format('truetype');
    font-weight: normal;
    font-style: italic;
      }

@font-face {
    font-family: 'MetropolisExtraLight';
        src: url("") format('truetype');
    font-weight: normal;
    font-style: normal;
      }

@font-face {
    font-family: 'MetropolisExtraLightItalic';
        src: url("") format('truetype');
    font-weight: normal;
    font-style: italic;
      }

@font-face {
    font-family: 'MetropolisLight';
        src: url("") format('truetype');
    font-weight: normal;
    font-style: normal;
      }

@font-face {
    font-family: 'MetropolisLightItalic';
        src: url("") format('truetype');
    font-weight: normal;
    font-style: italic;
      }

@font-face {
    font-family: 'MetropolisMedium';
        src: url("") format('truetype');
    font-weight: normal;
    font-style: normal;
      }

@font-face {
    font-family: 'MetropolisMediumItalic';
        src: url("") format('truetype');
    font-weight: normal;
    font-style: italic;
      }

@font-face {
    font-family: 'MetropolisRegular';
        src: url("") format('truetype');
    font-weight: normal;
    font-style: normal;
      }

@font-face {
    font-family: 'MetropolisRegularItalic';
        src: url("") format('truetype');
    font-weight: normal;
    font-style: italic;
      }

@font-face {
    font-family: 'MetropolisSemiBold';
        src: url("") format('truetype');
    font-weight: normal;
    font-style: normal;
      }

@font-face {
    font-family: 'MetropolisSemiBoldItalic';
        src: url("") format('truetype');
    font-weight: normal;
    font-style: italic;
      }

@font-face {
    font-family: 'MetropolisThin';
        src: url("") format('truetype');
    font-weight: normal;
    font-style: normal;
      }

@font-face {
    font-family: 'MetropolisThinItalic';
        src: url("") format('truetype');
    font-weight: normal;
    font-style: italic;
      }

 /* The following rules are deprecated. */ 

@font-face {
    font-family: 'Metropolis';
        src: url("") format('truetype');
    font-weight: normal;
    font-style: normal;
      }



@font-face {
    font-family: 'Metropolis';
        src: url("") format('truetype');
    font-weight: normal;
    font-style: italic;
      }



@font-face {
    font-family: 'Metropolis';
        src: url("") format('truetype');
    font-weight: bold;
    font-style: normal;
      }



@font-face {
    font-family: 'Metropolis';
        src: url("") format('truetype');
    font-weight: bold;
    font-style: italic;
      }



@font-face {
    font-family: 'Metropolis';
        src: url("") format('truetype');
    font-weight: normal;
    font-style: normal;
      }



@font-face {
    font-family: 'Metropolis';
        src: url("") format('truetype');
    font-weight: normal;
    font-style: italic;
      }



@font-face {
    font-family: 'Metropolis';
        src: url("") format('truetype');
    font-weight: normal;
    font-style: normal;
      }



@font-face {
    font-family: 'Metropolis';
        src: url("") format('truetype');
    font-weight: normal;
    font-style: italic;
      }



@font-face {
    font-family: 'Metropolis';
        src: url("") format('truetype');
    font-weight: normal;
    font-style: normal;
      }



@font-face {
    font-family: 'Metropolis';
        src: url("") format('truetype');
    font-weight: normal;
    font-style: italic;
      }



@font-face {
    font-family: 'Metropolis';
        src: url("") format('truetype');
    font-weight: normal;
    font-style: normal;
      }



@font-face {
    font-family: 'Metropolis';
        src: url("") format('truetype');
    font-weight: normal;
    font-style: italic;
      }



@font-face {
    font-family: 'Metropolis';
        src: url("") format('truetype');
    font-weight: normal;
    font-style: normal;
      }



@font-face {
    font-family: 'Metropolis';
        src: url("") format('truetype');
    font-weight: normal;
    font-style: italic;
      }



@font-face {
    font-family: 'Metropolis';
        src: url("") format('truetype');
    font-weight: normal;
    font-style: normal;
      }



@font-face {
    font-family: 'Metropolis';
        src: url("") format('truetype');
    font-weight: normal;
    font-style: italic;
      }



@font-face {
    font-family: 'Metropolis';
        src: url("") format('truetype');
    font-weight: normal;
    font-style: normal;
      }



@font-face {
    font-family: 'Metropolis';
        src: url("") format('truetype');
    font-weight: normal;
    font-style: italic;
      }