font-face.css 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. @font-face {
  2. font-family: Noir;
  3. font-weight: 400;
  4. font-display: swap;
  5. src:
  6. url('/static/fonts/NoirPro-Regular.woff2') format('woff2'),
  7. url('/static/fonts/NoirPro-Regular.woff') format('woff'),
  8. url('/static/fonts/NoirPro-Regular.ttf') format('truetype');
  9. }
  10. @font-face {
  11. font-family: Noir;
  12. font-weight: 400;
  13. font-style: italic;
  14. font-display: swap;
  15. src:
  16. url('/static/fonts/NoirPro-Italic.woff2') format('woff2'),
  17. url('/static/fonts/NoirPro-Italic.woff') format('woff'),
  18. url('/static/fonts/NoirPro-Italic.ttf') format('truetype');
  19. }
  20. @font-face {
  21. font-family: Noir;
  22. font-weight: 200;
  23. font-display: swap;
  24. src:
  25. url('/static/fonts/NoirPro-Light.woff2') format('woff2'),
  26. url('/static/fonts/NoirPro-Light.woff') format('woff'),
  27. url('/static/fonts/NoirPro-Light.ttf') format('truetype');
  28. }
  29. @font-face {
  30. font-family: Noir;
  31. font-weight: 200;
  32. font-style: italic;
  33. font-display: swap;
  34. src:
  35. url('/static/fonts/NoirPro-LightItalic.woff2') format('woff2'),
  36. url('/static/fonts/NoirPro-LightItalic.woff') format('woff'),
  37. url('/static/fonts/NoirPro-LightItalic.ttf') format('truetype');
  38. }
  39. @font-face {
  40. font-family: Noir;
  41. font-weight: 500;
  42. font-display: swap;
  43. src:
  44. url('/static/fonts/NoirPro-Medium.woff2') format('woff2'),
  45. url('/static/fonts/NoirPro-Medium.woff') format('woff'),
  46. url('/static/fonts/NoirPro-Medium.ttf') format('truetype');
  47. }
  48. @font-face {
  49. font-family: Noir;
  50. font-weight: 500;
  51. font-style: italic;
  52. font-display: swap;
  53. src:
  54. url('/static/fonts/NoirPro-MediumItalic.woff2') format('woff2'),
  55. url('/static/fonts/NoirPro-MediumItalic.woff') format('woff'),
  56. url('/static/fonts/NoirPro-MediumItalic.ttf') format('truetype');
  57. }
  58. @font-face {
  59. font-family: Noir;
  60. font-weight: 600;
  61. font-display: swap;
  62. src:
  63. url('/static/fonts/NoirPro-SemiBold.woff2') format('woff2'),
  64. url('/static/fonts/NoirPro-SemiBold.woff') format('woff'),
  65. url('/static/fonts/NoirPro-SemiBold.ttf') format('truetype');
  66. }
  67. @font-face {
  68. font-family: Noir;
  69. font-weight: 600;
  70. font-style: italic;
  71. font-display: swap;
  72. src:
  73. url('/static/fonts/NoirPro-SemiBoldItalic.woff2') format('woff2'),
  74. url('/static/fonts/NoirPro-SemiBoldItalic.woff') format('woff'),
  75. url('/static/fonts/NoirPro-SemiBoldItalic.ttf') format('truetype');
  76. }
  77. @font-face {
  78. font-family: Noir;
  79. font-weight: 700;
  80. font-display: swap;
  81. src:
  82. url('/static/fonts/NoirPro-Bold.woff2') format('woff2'),
  83. url('/static/fonts/NoirPro-Bold.woff') format('woff'),
  84. url('/static/fonts/NoirPro-Bold.ttf') format('truetype');
  85. }
  86. @font-face {
  87. font-family: Noir;
  88. font-weight: 700;
  89. font-style: italic;
  90. font-display: swap;
  91. src:
  92. url('/static/fonts/NoirPro-BoldItalic.woff2') format('woff2'),
  93. url('/static/fonts/NoirPro-BoldItalic.woff') format('woff'),
  94. url('/static/fonts/NoirPro-BoldItalic.ttf') format('truetype');
  95. }