/*
    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 */
}

/*@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 *!*/
/*}*/