/* * Declarações de @font-face servidas como folha estática, carregada pelo * do _document. * * Ficavam dentro do createGlobalStyle (styled-components): as regras só * existiam depois que o bundle JS carregava e hidratava, então o navegador * nem podia começar a baixar as fontes antes disso. Aqui elas são parseadas * junto com o HTML e o download começa imediatamente. * * As URLs são relativas de propósito: resolvem a partir da localização deste * arquivo, então o basePath (/barra-lovers no stage) é respeitado sem * interpolar variável nenhuma. * * woff2 primeiro, ttf como fallback — todo navegador atual baixa só o woff2 * (cerca de 1/3 do tamanho); o ttf existe para navegadores antigos. */ @font-face { font-family: 'Work Sans'; font-style: normal; font-weight: 100; font-display: swap; src: url('WorkSans-Thin.woff2') format('woff2'), url('WorkSans-Thin.ttf') format('truetype'); } @font-face { font-family: 'Work Sans'; font-style: italic; font-weight: 100; font-display: swap; src: url('WorkSans-ThinItalic.woff2') format('woff2'), url('WorkSans-ThinItalic.ttf') format('truetype'); } @font-face { font-family: 'Work Sans'; font-style: normal; font-weight: 200; font-display: swap; src: url('WorkSans-ExtraLight.woff2') format('woff2'), url('WorkSans-ExtraLight.ttf') format('truetype'); } @font-face { font-family: 'Work Sans'; font-style: italic; font-weight: 200; font-display: swap; src: url('WorkSans-ExtraLightItalic.woff2') format('woff2'), url('WorkSans-ExtraLightItalic.ttf') format('truetype'); } @font-face { font-family: 'Work Sans'; font-style: normal; font-weight: 300; font-display: swap; src: url('WorkSans-Light.woff2') format('woff2'), url('WorkSans-Light.ttf') format('truetype'); } @font-face { font-family: 'Work Sans'; font-style: italic; font-weight: 300; font-display: swap; src: url('WorkSans-LightItalic.woff2') format('woff2'), url('WorkSans-LightItalic.ttf') format('truetype'); } @font-face { font-family: 'Work Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url('WorkSans-Regular.woff2') format('woff2'), url('WorkSans-Regular.ttf') format('truetype'); } @font-face { font-family: 'Work Sans'; font-style: italic; font-weight: 400; font-display: swap; src: url('WorkSans-Italic.woff2') format('woff2'), url('WorkSans-Italic.ttf') format('truetype'); } @font-face { font-family: 'Work Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url('WorkSans-Medium.woff2') format('woff2'), url('WorkSans-Medium.ttf') format('truetype'); } @font-face { font-family: 'Work Sans'; font-style: italic; font-weight: 500; font-display: swap; src: url('WorkSans-MediumItalic.woff2') format('woff2'), url('WorkSans-MediumItalic.ttf') format('truetype'); } @font-face { font-family: 'Work Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url('WorkSans-SemiBold.woff2') format('woff2'), url('WorkSans-SemiBold.ttf') format('truetype'); } @font-face { font-family: 'Work Sans'; font-style: italic; font-weight: 600; font-display: swap; src: url('WorkSans-SemiBoldItalic.woff2') format('woff2'), url('WorkSans-SemiBoldItalic.ttf') format('truetype'); } @font-face { font-family: 'Work Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url('WorkSans-Bold.woff2') format('woff2'), url('WorkSans-Bold.ttf') format('truetype'); } @font-face { font-family: 'Work Sans'; font-style: italic; font-weight: 700; font-display: swap; src: url('WorkSans-BoldItalic.woff2') format('woff2'), url('WorkSans-BoldItalic.ttf') format('truetype'); } @font-face { font-family: 'Work Sans'; font-style: normal; font-weight: 800; font-display: swap; src: url('WorkSans-ExtraBold.woff2') format('woff2'), url('WorkSans-ExtraBold.ttf') format('truetype'); } @font-face { font-family: 'Work Sans'; font-style: italic; font-weight: 800; font-display: swap; src: url('WorkSans-ExtraBoldItalic.woff2') format('woff2'), url('WorkSans-ExtraBoldItalic.ttf') format('truetype'); } @font-face { font-family: 'Work Sans'; font-style: normal; font-weight: 900; font-display: swap; src: url('WorkSans-Black.woff2') format('woff2'), url('WorkSans-Black.ttf') format('truetype'); } @font-face { font-family: 'Work Sans'; font-style: italic; font-weight: 900; font-display: swap; src: url('WorkSans-BlackItalic.woff2') format('woff2'), url('WorkSans-BlackItalic.ttf') format('truetype'); }