/* Source Sans */
            @font-face {
              font-family: "SourceSans";
              font-style: normal;
              font-weight: 200;
              src: url("../font/sourcesanspro/SourceSansPro-ExtraLight.ttf") format("truetype");
            }

            @font-face {
              font-family: "SourceSans";
              font-style: normal;
              font-weight: 300;
              src: url("../font/sourcesanspro/SourceSansPro-Light.ttf") format("truetype");
            }

            @font-face {
              font-family: "SourceSans";
              font-style: normal;
              font-weight: 400;
              src: url("../font/sourcesanspro/SourceSansPro-Regular.ttf") format("truetype");
            }

            @font-face {
              font-family: "SourceSans";
              font-style: normal;
              font-weight: 600;
              src: url("../font/sourcesanspro/SourceSansPro-SemiBold.ttf") format("truetype");
            }

            @font-face {
              font-family: "SourceSans";
              font-style: normal;
              font-weight: 700;
              src: url("../font/sourcesanspro/SourceSansPro-Bold.ttf") format("truetype");
            }

            @font-face {
              font-family: "SourceSans";
              font-style: normal;
              font-weight: 900;
              src: url("../font/sourcesanspro/SourceSansPro-Black.ttf") format("truetype");
            }

            /* SourceSans Italic*/
            @font-face {
              font-family: "SourceSans";
              font-style: italic;
              font-weight: 200;
              src: url("../font/sourcesanspro/SourceSansPro-ExtraLightItalic.ttf") format("truetype");
            }

            @font-face {
              font-family: "SourceSans";
              font-style: italic;
              font-weight: 300;
              src: url("../font/sourcesanspro/SourceSansPro-LightItalic.ttf") format("truetype");
            }

            @font-face {
              font-family: "SourceSans";
              font-style: italic;
              font-weight: 400;
              src: url("../font/sourcesanspro/SourceSansPro-RegularItalic.ttf") format("truetype");
            }

            @font-face {
              font-family: "SourceSans";
              font-style: italic;
              font-weight: 600;
              src: url("../font/sourcesanspro/SourceSansPro-SemiBoldItalic.ttf") format("truetype");
            }

            @font-face {
              font-family: "SourceSans";
              font-style: italic;
              font-weight: 700;
              src: url("../font/sourcesanspro/SourceSansPro-BoldItalic.ttf") format("truetype");
            }

            @font-face {
              font-family: "SourceSans";
              font-style: italic;
              font-weight: 900;
              src: url("../font/sourcesanspro/SourceSansPro-BlackItalic.ttf") format("truetype");
            }


            /* Roboto */
            @font-face {
              font-family: "Roboto";
              font-style: normal;
              font-weight: 100;
              src: url("../font/roboto/Roboto-Thin.ttf") format("truetype");
            }

            @font-face {
              font-family: "Roboto";
              font-style: normal;
              font-weight: 300;
              src: url("../font/roboto/Roboto-Light.ttf") format("truetype");
            }

            @font-face {
              font-family: "Roboto";
              font-style: normal;
              font-weight: 400;
              src: url("../font/roboto/Roboto-Regular.ttf") format("truetype");
            }

            @font-face {
              font-family: "Roboto";
              font-style: normal;
              font-weight: 500;
              src: url("../font/roboto/Roboto-Medium.ttf") format("truetype");
            }

            @font-face {
              font-family: "Roboto";
              font-style: normal;
              font-weight: 700;
              src: url("../font/roboto/Roboto-Bold.ttf") format("truetype");
            }

            @font-face {
              font-family: "Roboto";
              font-style: normal;
              font-weight: 900;
              src:  url("../font/roboto/Roboto-Black.ttf") format("truetype");
            }

            /* Roboto Italic */
            @font-face {
              font-family: "Roboto";
              font-style: italic;
              font-weight: 100;
              src: url("../font/roboto/Roboto-ThinItalic.ttf") format("truetype");
            }

            @font-face {
              font-family: "Roboto";
              font-style: italic;
              font-weight: 300;
              src: url("../font/roboto/Roboto-LightItalic.ttf") format("truetype");
            }

            @font-face {
              font-family: "Roboto";
              font-style: italic;
              font-weight: 400;
              src: url("../font/roboto/Roboto-Italic.ttf") format("truetype");
            }

            @font-face {
              font-family: "Roboto";
              font-style: italic;
              font-weight: 500;
              src: url("../font/roboto/Roboto-MediumItalic.ttf") format("truetype");
            }

            @font-face {
              font-family: "Roboto";
              font-style: italic;
              font-weight: 700;
              src: url("../font/roboto/Roboto-BoldItalic.ttf") format("truetype");
            }

            @font-face {
              font-family: "Roboto";
              font-style: italic;
              font-weight: 900;
              src: url("../font/roboto/Roboto-BlackItalic.ttf") format("truetype");
            }