/*
    1. Download some font - for example from google fonts
    2. Move fonts to public\fonts\custom_fonts folder
    3. Reference font with src: xxxxx

    Note: Im referencing here only TTF fonts, because only such format is provided with google fonts, but its the same with others

    Note: Im not changing previous fonts names, i just override them with fonts which are referenced here (it would be a bit tedious to track their all references in the system)

    Link for downloading different types of Google Fonts: https://github.com/googlefonts?q=raleway&type=&language=
    Also: https://google-webfonts-helper.herokuapp.com/fonts
*/


/* Headline font */
@font-face {
    font-family: 'Oswald'; /* Must always stay as Oswald no matter which font we specify below */
    font-style: normal;
    font-weight: 400;
    src: url('custom_fonts/Oswald-Regular.eot'); /* IE9 Compat Modes */
    src:  url('custom_fonts/Oswald-Regular.otf');
    src: local('Oswald Regular'), local('Oswald-Regular'),
    url('custom_fonts/Oswald-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('custom_fonts/Oswald-Regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('custom_fonts/Oswald-Regular.woff') format('woff'), /* Modern Browsers */
    url('custom_fonts/Oswald-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('custom_fonts/Oswald-Regular.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* Body font */
@font-face {
    font-family: 'Raleway';  /* Must always stay as Raleway no matter which font we specify below */
    font-style: normal;
    font-weight: 400;
    src: url('custom_fonts/Raleway-Regular.eot'); /* IE9 Compat Modes */
    src:  url('custom_fonts/Raleway-Regular.otf');
    src: local('Raleway Regular'), local('Raleway-Regular'),
    url('custom_fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('custom_fonts/Raleway-Regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('custom_fonts/Raleway-Regular.woff') format('woff'), /* Modern Browsers */
    url('custom_fonts/Raleway-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('custom_fonts/Raleway-Regular.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* cyrillic-ext */
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('custom_fonts/raleway/raleway-cyrilic-ext.woff2') format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('custom_fonts/raleway/raleway-cyrilic.woff2') format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('custom_fonts/raleway/raleway-viet.woff2') format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  }
/*@font-face {*/
/*    font-family: 'Lobster';*/
/*    font-style: normal;*/
/*    font-weight: 400;*/
/*    src: url('custom_fonts/Lobster-Regular.eot'); !* IE9 Compat Modes *!*/
/*    src:  url('custom_fonts/Lobster-Regular.otf');*/
/*    src: local('Lobster Regular'), local('Lobster-Regular'),*/
/*    url('custom_fonts/Lobster-Regular.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
/*    url('custom_fonts/Lobster-Regular.woff2') format('woff2'), !* Super Modern Browsers *!*/
/*    url('custom_fonts/Lobster-Regular.woff') format('woff'), !* Modern Browsers *!*/
/*    url('custom_fonts/Lobster-Regular.ttf') format('truetype'), !* Safari, Android, iOS *!*/
/*    url('custom_fonts/Lobster-Regular.svg#Lobster') format('svg'); !* Legacy iOS *!*/
/*}*/