@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; font-stretch: normal; font-display: swap; src: url() format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; font-stretch: normal; font-display: swap; src: url() format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 600; font-stretch: normal; font-display: swap; src: url() format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; font-stretch: normal; font-display: swap; src: url() format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 800; font-stretch: normal; font-display: swap; src: url() format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; font-stretch: normal; font-display: swap; src: url() format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: normal; font-display: swap; src: url() format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-stretch: normal; font-display: swap; src: url() format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: normal; font-display: swap; src: url() format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; font-stretch: normal; font-display: swap; src: url() format('truetype'); } @font-face { font-family: 'Quicksand'; font-style: normal; font-weight: 300; font-display: swap; src: url() format('truetype'); } @font-face { font-family: 'Quicksand'; font-style: normal; font-weight: 400; font-display: swap; src: url() format('truetype'); } @font-face { font-family: 'Quicksand'; font-style: normal; font-weight: 500; font-display: swap; src: url() format('truetype'); } @font-face { font-family: 'Quicksand'; font-style: normal; font-weight: 700; font-display: swap; src: url() format('truetype'); }