選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

fonts.css 4.9KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215
  1. /****************/
  2. /* FONT AWESOME */
  3. /****************/
  4. /* Font Awesome Free does not include the Light (300) weight.
  5. */
  6. /*
  7. @font-face {
  8. font-family: 'Font Awesome';
  9. src: url('/assets/fonts/FontAwesome/fa-light-300.ttf') format('truetype');
  10. font-weight: 300;
  11. font-style: normal;
  12. }
  13. */
  14. @font-face {
  15. font-family: 'Font Awesome';
  16. src: url('/assets/fonts/FontAwesome/fa-regular-400.otf') format('opentype');
  17. font-weight: 400;
  18. font-style: normal;
  19. }
  20. @font-face {
  21. font-family: 'Font Awesome';
  22. src: url('/assets/fonts/FontAwesome/fa-solid-900.otf') format('opentype');
  23. font-weight: 900;
  24. font-style: normal;
  25. }
  26. /***********************/
  27. /* FONT AWESOME BRANDS */
  28. /***********************/
  29. @font-face {
  30. font-family: 'Font Awesome Brands';
  31. src: url('/assets/fonts/FontAwesome/fa-brands-400.otf') format('opentype');
  32. font-weight: 400;
  33. font-style: normal;
  34. }
  35. /**************/
  36. /* HK GROTESK */
  37. /**************/
  38. @font-face {
  39. font-family: 'HK Grotesk';
  40. src: url('/assets/fonts/HKGrotesk/HKGrotesk-Light.otf') format('opentype');
  41. font-weight: 300;
  42. font-style: normal;
  43. }
  44. @font-face {
  45. font-family: 'HK Grotesk';
  46. src: url('/assets/fonts/HKGrotesk/HKGrotesk-LightItalic.otf') format('opentype');
  47. font-weight: 300;
  48. font-style: italic;
  49. }
  50. @font-face {
  51. font-family: 'HK Grotesk';
  52. src: url('/assets/fonts/HKGrotesk/HKGrotesk-Regular.otf') format('opentype');
  53. font-weight: normal;
  54. font-style: normal;
  55. }
  56. @font-face {
  57. font-family: 'HK Grotesk';
  58. src: url('/assets/fonts/HKGrotesk/HKGrotesk-RegularItalic.otf') format('opentype');
  59. font-weight: normal;
  60. font-style: italic;
  61. }
  62. @font-face {
  63. font-family: 'HK Grotesk';
  64. src: url('/assets/fonts/HKGrotesk/HKGrotesk-Medium.otf') format('opentype');
  65. font-weight: 500;
  66. font-style: normal;
  67. }
  68. @font-face {
  69. font-family: 'HK Grotesk';
  70. src: url('/assets/fonts/HKGrotesk/HKGrotesk-MediumItalic.otf') format('opentype');
  71. font-weight: 500;
  72. font-style: italic;
  73. }
  74. @font-face {
  75. font-family: 'HK Grotesk';
  76. src: url('/assets/fonts/HKGrotesk/HKGrotesk-SemiBold.otf') format('opentype');
  77. font-weight: 600;
  78. font-style: normal;
  79. }
  80. @font-face {
  81. font-family: 'HK Grotesk';
  82. src: url('/assets/fonts/HKGrotesk/HKGrotesk-SemiBoldItalic.otf') format('opentype');
  83. font-weight: 600;
  84. font-style: italic;
  85. }
  86. @font-face {
  87. font-family: 'HK Grotesk';
  88. src: url('/assets/fonts/HKGrotesk/HKGrotesk-Bold.otf') format('opentype');
  89. font-weight: bold;
  90. font-style: normal;
  91. }
  92. @font-face {
  93. font-family: 'HK Grotesk';
  94. src: url('/assets/fonts/HKGrotesk/HKGrotesk-BoldItalic.otf') format('opentype');
  95. font-weight: bold;
  96. font-style: italic;
  97. }
  98. /***************/
  99. /* SPECTRAL SC */
  100. /***************/
  101. @@font-face {
  102. font-family: 'Spectral SC';
  103. src: url('/assets/fonts/SpectralSC/SpectralSC-ExtraLight.ttf') format('truetype');
  104. font-weight: 300;
  105. font-style: normal;
  106. }
  107. @font-face {
  108. font-family: 'Spectral SC';
  109. src: url('/assets/fonts/SpectralSC/SpectralSC-ExtraLightItalic.ttf') format('truetype');
  110. font-weight: 300;
  111. font-style: italic;
  112. }
  113. font-face {
  114. font-family: 'Spectral SC';
  115. src: url('/assets/fonts/SpectralSC/SpectralSC-Light.ttf') format('truetype');
  116. font-weight: 300;
  117. font-style: normal;
  118. }
  119. @font-face {
  120. font-family: 'Spectral SC';
  121. src: url('/assets/fonts/SpectralSC/SpectralSC-LightItalic.ttf') format('truetype');
  122. font-weight: 300;
  123. font-style: italic;
  124. }
  125. @font-face {
  126. font-family: 'Spectral SC';
  127. src: url('/assets/fonts/SpectralSC/SpectralSC-Regular.ttf') format('truetype');
  128. font-weight: normal;
  129. font-style: normal;
  130. }
  131. @font-face {
  132. font-family: 'Spectral SC';
  133. src: url('/assets/fonts/SpectralSC/SpectralSC-RegularItalic.ttf') format('truetype');
  134. font-weight: normal;
  135. font-style: italic;
  136. }
  137. @font-face {
  138. font-family: 'Spectral SC';
  139. src: url('/assets/fonts/SpectralSC/SpectralSC-Medium.ttf') format('truetype');
  140. font-weight: 500;
  141. font-style: normal;
  142. }
  143. @font-face {
  144. font-family: 'Spectral SC';
  145. src: url('/assets/fonts/SpectralSC/SpectralSC-MediumItalic.ttf') format('truetype');
  146. font-weight: 500;
  147. font-style: italic;
  148. }
  149. @font-face {
  150. font-family: 'Spectral SC';
  151. src: url('/assets/fonts/SpectralSC/SpectralSC-SemiBold.ttf') format('truetype');
  152. font-weight: 600;
  153. font-style: normal;
  154. }
  155. @font-face {
  156. font-family: 'Spectral SC';
  157. src: url('/assets/fonts/SpectralSC/SpectralSC-SemiBoldItalic.ttf') format('truetype');
  158. font-weight: 600;
  159. font-style: italic;
  160. }
  161. @font-face {
  162. font-family: 'Spectral SC';
  163. src: url('/assets/fonts/SpectralSC/SpectralSC-Bold.ttf') format('truetype');
  164. font-weight: bold;
  165. font-style: normal;
  166. }
  167. @font-face {
  168. font-family: 'Spectral SC';
  169. src: url('/assets/fonts/SpectralSC/SpectralSC-BoldItalic.ttf') format('truetype');
  170. font-weight: bold;
  171. font-style: italic;
  172. }
  173. @font-face {
  174. font-family: 'Spectral SC';
  175. src: url('/assets/fonts/SpectralSC/SpectralSC-ExtraBold.ttf') format('truetype');
  176. font-weight: 900;
  177. font-style: normal;
  178. }
  179. @font-face {
  180. font-family: 'Spectral SC';
  181. src: url('/assets/fonts/SpectralSC/SpectralSC-ExtraBoldItalic.ttf') format('truetype');
  182. font-weight: 900;
  183. font-style: italic;
  184. }