github.com/pluralsh/plural-cli@v0.9.5/pkg/ui/web/src/styled/fonts.ts (about)

     1  import { createGlobalStyle } from 'styled-components'
     2  
     3  // language=SCSS
     4  const FontStyles = createGlobalStyle(() => `
     5    @font-face {
     6      font-family: 'Monument';
     7      src: url("/fonts/monument-regular.otf") format("opentype");
     8      font-weight: 400;
     9    }
    10  
    11    @font-face {
    12      font-family: 'Monument';
    13      src: url("/fonts/monument-medium.woff") format("woff");
    14      font-weight: 450;
    15    }
    16  
    17    @font-face {
    18      font-family: 'Monument';
    19      src: url("/fonts/monument-medium.woff") format("woff");
    20      font-weight: 500;
    21    }
    22  
    23    @font-face {
    24      font-family: 'Monument';
    25      src: url("/fonts/monument-bold.woff") format("woff");
    26      font-weight: 500;
    27    }
    28  
    29    @font-face {
    30      font-family: 'Monument';
    31      src: url("/fonts/monument-regular-italic.woff") format("woff");
    32      font-weight: 400;
    33      font-style: italic;
    34    }
    35  
    36    @font-face {
    37      font-family: 'Monument';
    38      src: url("/fonts/monument-medium-italic.woff") format("woff");
    39      font-weight: 500;
    40      font-style: italic;
    41    }
    42  
    43    @font-face {
    44      font-family: 'Monument';
    45      src: url("/fonts/monument-bold-italic.woff") format("woff");
    46      font-weight: 600;
    47      font-style: italic;
    48    }
    49  
    50    @font-face {
    51      font-family: 'Monument Semi-Mono';
    52      src: url("/fonts/ABCMonumentGroteskSemi-Mono-Regular.woff") format("woff");
    53      font-weight: 400;
    54    }
    55  
    56    @font-face {
    57      font-family: 'Monument Semi-Mono';
    58      src: url("/fonts/ABCMonumentGroteskSemi-Mono-Medium.woff") format("woff");
    59      font-weight: 500;
    60    }
    61  
    62    @font-face {
    63      font-family: 'Monument Semi-Mono';
    64      src: url("/fonts/ABCMonumentGroteskSemi-Mono-Heavy.woff") format("woff");
    65      font-weight: 600;
    66    }
    67  
    68    @font-face {
    69      font-family: 'Monument Mono';
    70      src: url("/fonts/ABCMonumentGroteskMono-Regular.woff") format("woff");
    71      font-weight: 400;
    72    }
    73  
    74    @font-face {
    75      font-family: 'Monument Mono';
    76      src: url("/fonts/ABCMonumentGroteskMono-Medium.woff") format("woff");
    77      font-weight: 500;
    78    }
    79  
    80    @font-face {
    81      font-family: 'Monument Mono';
    82      src: url("/fonts/ABCMonumentGroteskMono-Heavy.woff") format("woff");
    83      font-weight: 600;
    84    }
    85  `)
    86  
    87  export { FontStyles }