/*

We only load a certain subset of possible font file extensions because fonts are extremely hard on the browser in terms of rendering engines.  The extensions that we have chosen follow the recommendations here https://css-tricks.com/snippets/css/using-font-face/ .  It supports IE9+

If you only have a font in a certain extension, there are tools online to convert it to the other types.  There is not one specific tool that is recommended at this time.

Note: font file paths are relative to deployed file paths, not source paths
*/

//font declarations
//-----------------------------
// Reference Example:
//@font-face {
//  font-family: 'FuturaMedium';
//  src: url('/fonts/FuturaPTMedium.woff2') format('woff2'), url('/fonts/FuturaPTMedium.woff') format('woff'),url('/fonts/FuturaPTMedium.ttf') format('truetype');
//  font-weight: normal;
//  font-style: normal
//}

@font-face {
  font-family: 'FuturaHeavy';
  src: url('../assets/fonts/futura/FuturaPTHeavy.woff2') format('woff2'), url('../assets/fonts/futura/FuturaPTHeavy.woff') format('woff'),url('../assets/fonts/futura/FuturaPTHeavy.ttf') format('truetype');
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: 'FuturaBook';
  src: url('../assets/fonts/futura/FuturaPTBook.woff2') format('woff2'), url('../assets/fonts/futura/FuturaPTBook.woff') format('woff'),url('../assets/fonts/futura/FuturaPTBook.ttf') format('truetype');
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: 'DIN';
  src: url('../assets/fonts/din/DIN Regular.woff') format('woff'),url('../assets/fonts/din/DIN Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: 'DINBold';
  src: url('../assets/fonts/din/DIN Bold.woff') format('woff'),url('../assets/fonts/din/DIN Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: 'DINItalic';
  src: url('../assets/fonts/din/DIN Italic.woff') format('woff'),url('../assets/fonts/din/DIN Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Regular'), 
       local('Roboto-Regular'), 
       url('http://themes.googleusercontent.com/static/fonts/roboto/v11/2UX7WLTfW3W8TclTUvlFyQ.woff') 
       format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), 
       local('Roboto-Bold'), 
       url('http://themes.googleusercontent.com/static/fonts/roboto/v11/d-6IYplOFocCacKzxwXSOD8E0i7KZn-EPnyo3HZu7kw.woff') 
       format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), 
       local('Roboto-Italic'), 
       url('http://themes.googleusercontent.com/static/fonts/roboto/v11/1pO9eUAp8pSF8VnRTP3xnvesZW2xOQ-xsNqO47m55DA.woff') 
       format('woff');
}

//extensible classes
//-----------------------------

.f--futura-book {
  font-family: FuturaBook, Arial, sans-serif;
}

.f--futura-heavy {
  font-family: FuturaHeavy, Arial, sans-serif;
}

.f--din {
  font-family: DIN, Arial, sans-serif;
}

.f--din-bold {
  font-family: DINBold, Arial, sans-serif;
}

.f--din-italic {
  font-family: DINItalic, Arial, sans-serif;
}

.f--roboto {
  font-family: Roboto, sans-serif;
}

.f--roboto-bold {
  font-family: Roboto, sans-serif;
  font-weight: bold;
}

.f--roboto-italic {
  font-family: Roboto;
  font-style : italic;
  font-weight: 400;
}
