fonts.scss 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502
  1. $calcite-fonts-path: "./fonts/" !default;
  2. $calcite-fonts-display: auto !default;
  3. /*
  4. ┌─────────────┐
  5. │ Basic Latin │
  6. └─────────────┘
  7. Basic Latin, Latin-1 Supplement, General Punctuation, Superscripts and Subscripts,
  8. Currency Symbols, Letterlike Symbols, Mathematical Operators
  9. */
  10. @font-face {
  11. font-family: "Avenir Next";
  12. src: url("#{$calcite-fonts-path}77156710-6a58-4606-b189-b4185e75967b.woff2") format("woff2"),
  13. url("#{$calcite-fonts-path}3d5260a1-e4cd-4567-80ed-69d23c40355f.woff") format("woff");
  14. font-weight: 300;
  15. font-style: normal;
  16. font-display: $calcite-fonts-display;
  17. }
  18. @font-face {
  19. font-family: "Avenir Next";
  20. src: url("#{$calcite-fonts-path}77caabd3-1877-4634-85c8-8e398a093b99.woff2") format("woff2"),
  21. url("#{$calcite-fonts-path}e388ac99-8c6a-4451-8690-1d15b4d45adb.woff") format("woff");
  22. font-weight: 400;
  23. font-style: normal;
  24. font-display: $calcite-fonts-display;
  25. }
  26. @font-face {
  27. font-family: "Avenir Next";
  28. src: url("#{$calcite-fonts-path}014f2daa-c310-4a36-b9fd-79a8e0c48d44.woff2") format("woff2"),
  29. url("#{$calcite-fonts-path}12b00842-ec20-4c7f-aa72-802fb00f6cc4.woff") format("woff");
  30. font-weight: 400;
  31. font-style: italic;
  32. font-display: $calcite-fonts-display;
  33. }
  34. @font-face {
  35. font-family: "Avenir Next";
  36. src: url("#{$calcite-fonts-path}b0b84e4d-2164-45c7-a674-1662f19f3ba6-basic.woff2") format("woff2"),
  37. url("#{$calcite-fonts-path}e91d1bbf-3fea-45e2-b003-a22b12ce6e5f-basic.woff") format("woff");
  38. font-weight: 500;
  39. font-style: normal;
  40. font-display: $calcite-fonts-display;
  41. }
  42. @font-face {
  43. font-family: "Avenir Next";
  44. src: url("#{$calcite-fonts-path}e78b17bb-11fb-4860-8d66-4ee0d0c1e117.woff2") format("woff2"),
  45. url("#{$calcite-fonts-path}d4ffabb3-dd7c-472a-bdfb-6700383c6354.woff") format("woff");
  46. font-weight: 700;
  47. font-style: normal;
  48. font-display: $calcite-fonts-display;
  49. }
  50. /*
  51. ┌──────────────────┐
  52. │ Latin Extended │
  53. └──────────────────┘
  54. Latin Extended A, Latin Extended B, Spacing Modifier Characters, Latin Extended Additional
  55. */
  56. @font-face {
  57. font-family: "Avenir Next";
  58. src: url("#{$calcite-fonts-path}77156710-6a58-4606-b189-b4185e75967b-ext.woff2") format("woff2"),
  59. url("#{$calcite-fonts-path}3d5260a1-e4cd-4567-80ed-69d23c40355f-ext.woff") format("woff");
  60. font-weight: 300;
  61. font-style: normal;
  62. unicode-range: U+0100-017F, U+0180-024F, U+1E00-1EFF, U+02B0-02FF;
  63. font-display: $calcite-fonts-display;
  64. }
  65. @font-face {
  66. font-family: "Avenir Next";
  67. src: url("#{$calcite-fonts-path}77caabd3-1877-4634-85c8-8e398a093b99-ext.woff2") format("woff2"),
  68. url("#{$calcite-fonts-path}e388ac99-8c6a-4451-8690-1d15b4d45adb-ext.woff") format("woff");
  69. font-weight: 400;
  70. font-style: normal;
  71. unicode-range: U+0100-017F, U+0180-024F, U+1E00-1EFF, U+02B0-02FF;
  72. font-display: $calcite-fonts-display;
  73. }
  74. @font-face {
  75. font-family: "Avenir Next";
  76. src: url("#{$calcite-fonts-path}014f2daa-c310-4a36-b9fd-79a8e0c48d44-ext.woff2") format("woff2"),
  77. url("#{$calcite-fonts-path}12b00842-ec20-4c7f-aa72-802fb00f6cc4-ext.woff") format("woff");
  78. font-weight: 400;
  79. font-style: italic;
  80. unicode-range: U+0100-017F, U+0180-024F, U+1E00-1EFF, U+02B0-02FF;
  81. font-display: $calcite-fonts-display;
  82. }
  83. @font-face {
  84. font-family: "Avenir Next";
  85. src: url("#{$calcite-fonts-path}b0b84e4d-2164-45c7-a674-1662f19f3ba6-ext.woff2") format("woff2"),
  86. url("#{$calcite-fonts-path}e91d1bbf-3fea-45e2-b003-a22b12ce6e5f-ext.woff") format("woff");
  87. font-weight: 500;
  88. font-style: normal;
  89. unicode-range: U+0100-017F, U+0180-024F, U+1E00-1EFF, U+02B0-02FF;
  90. font-display: $calcite-fonts-display;
  91. }
  92. @font-face {
  93. font-family: "Avenir Next";
  94. src: url("#{$calcite-fonts-path}e78b17bb-11fb-4860-8d66-4ee0d0c1e117-ext.woff2") format("woff2"),
  95. url("#{$calcite-fonts-path}d4ffabb3-dd7c-472a-bdfb-6700383c6354-ext.woff") format("woff");
  96. font-weight: 700;
  97. font-style: normal;
  98. unicode-range: U+0100-017F, U+0180-024F, U+1E00-1EFF, U+02B0-02FF;
  99. font-display: $calcite-fonts-display;
  100. }
  101. /*
  102. ┌───────┐
  103. │ Greek │
  104. └───────┘
  105. Greek and Coptic
  106. */
  107. @font-face {
  108. font-family: "Avenir Next";
  109. src: url("#{$calcite-fonts-path}77156710-6a58-4606-b189-b4185e75967b-greek.woff2") format("woff2"),
  110. url("#{$calcite-fonts-path}3d5260a1-e4cd-4567-80ed-69d23c40355f-greek.woff") format("woff");
  111. font-weight: 300;
  112. font-style: normal;
  113. unicode-range: U+0370-03FF;
  114. font-display: $calcite-fonts-display;
  115. }
  116. @font-face {
  117. font-family: "Avenir Next";
  118. src: url("#{$calcite-fonts-path}77caabd3-1877-4634-85c8-8e398a093b99-greek.woff2") format("woff2"),
  119. url("#{$calcite-fonts-path}e388ac99-8c6a-4451-8690-1d15b4d45adb-greek.woff") format("woff");
  120. font-weight: 400;
  121. font-style: normal;
  122. unicode-range: U+0370-03FF;
  123. font-display: $calcite-fonts-display;
  124. }
  125. @font-face {
  126. font-family: "Avenir Next";
  127. src: url("#{$calcite-fonts-path}014f2daa-c310-4a36-b9fd-79a8e0c48d44-greek.woff2") format("woff2"),
  128. url("#{$calcite-fonts-path}12b00842-ec20-4c7f-aa72-802fb00f6cc4-greek.woff") format("woff");
  129. font-weight: 400;
  130. font-style: italic;
  131. unicode-range: U+0370-03FF;
  132. font-display: $calcite-fonts-display;
  133. }
  134. @font-face {
  135. font-family: "Avenir Next";
  136. src: url("#{$calcite-fonts-path}a1049d00-54ad-4589-95b8-d353f7ab52f0-greek.woff2") format("woff2"),
  137. url("#{$calcite-fonts-path}13faf0ae-dcab-4d1c-9c08-f9ca339b6023-greek.woff") format("woff");
  138. font-weight: 500;
  139. font-style: normal;
  140. unicode-range: U+0370-03FF;
  141. font-display: $calcite-fonts-display;
  142. }
  143. @font-face {
  144. font-family: "Avenir Next";
  145. src: url("#{$calcite-fonts-path}e78b17bb-11fb-4860-8d66-4ee0d0c1e117-greek.woff2") format("woff2"),
  146. url("#{$calcite-fonts-path}d4ffabb3-dd7c-472a-bdfb-6700383c6354-greek.woff") format("woff");
  147. font-weight: 700;
  148. font-style: normal;
  149. unicode-range: U+0370-03FF;
  150. font-display: $calcite-fonts-display;
  151. }
  152. /*
  153. ┌──────────┐
  154. │ Cyrillic │
  155. └──────────┘
  156. Cyrillic
  157. */
  158. @font-face {
  159. font-family: "Avenir Next";
  160. src: url("#{$calcite-fonts-path}174d458a-81e0-4174-9473-35e3bf0a613c.woff2") format("woff2"),
  161. url("#{$calcite-fonts-path}57a79aa3-9b06-4ba7-a9a4-2b766d826ecf.woff") format("woff");
  162. font-weight: 300;
  163. font-style: normal;
  164. unicode-range: U+0400-04FF;
  165. font-display: $calcite-fonts-display;
  166. }
  167. @font-face {
  168. font-family: "Avenir Next";
  169. src: url("#{$calcite-fonts-path}7db1f672-3a8f-4d19-9c49-7f61aed450b5.woff2") format("woff2"),
  170. url("#{$calcite-fonts-path}4ab86b35-c0c2-42b5-98ad-4b6eba66b197.woff") format("woff");
  171. font-weight: 400;
  172. font-style: normal;
  173. unicode-range: U+0400-04FF;
  174. font-display: $calcite-fonts-display;
  175. }
  176. @font-face {
  177. font-family: "Avenir Next";
  178. src: url("#{$calcite-fonts-path}b17468ea-cf53-4635-984b-4d930a68ed4d.woff2") format("woff2"),
  179. url("#{$calcite-fonts-path}4d1d0d0d-9ea6-4117-901f-8b32ca1ab936.woff") format("woff");
  180. font-weight: 400;
  181. font-style: italic;
  182. unicode-range: U+0400-04FF;
  183. font-display: $calcite-fonts-display;
  184. }
  185. @font-face {
  186. font-family: "Avenir Next";
  187. src: url("#{$calcite-fonts-path}b0b84e4d-2164-45c7-a674-1662f19f3ba6.woff2") format("woff2"),
  188. url("#{$calcite-fonts-path}e91d1bbf-3fea-45e2-b003-a22b12ce6e5f.woff") format("woff");
  189. font-weight: 500;
  190. font-style: normal;
  191. unicode-range: U+0400-04FF;
  192. font-display: $calcite-fonts-display;
  193. }
  194. @font-face {
  195. font-family: "Avenir Next";
  196. src: url("#{$calcite-fonts-path}40d36b4a-60c6-460a-bf43-4c948c23563e.woff2") format("woff2"),
  197. url("#{$calcite-fonts-path}45b78f45-e639-4836-8612-e0892e120f14.woff") format("woff");
  198. font-weight: 700;
  199. font-style: normal;
  200. unicode-range: U+0400-04FF;
  201. font-display: $calcite-fonts-display;
  202. }
  203. /*
  204. ┌──────────┐
  205. │ Georgian │
  206. └──────────┘
  207. Georgian
  208. */
  209. @font-face {
  210. font-family: "Avenir Next";
  211. src: url("#{$calcite-fonts-path}281f890c-8412-4ee3-84ed-8b5d062d2ab8.woff2") format("woff2"),
  212. url("#{$calcite-fonts-path}5729f02e-f6b0-4f35-8ee5-c2cffa65fa76.woff") format("woff");
  213. font-weight: 300; /* there is no 300 in georgian, so use the same files as 400 instead */
  214. font-style: normal;
  215. unicode-range: U+10A0-10FF;
  216. font-display: $calcite-fonts-display;
  217. }
  218. @font-face {
  219. font-family: "Avenir Next";
  220. src: url("#{$calcite-fonts-path}281f890c-8412-4ee3-84ed-8b5d062d2ab8.woff2") format("woff2"),
  221. url("#{$calcite-fonts-path}5729f02e-f6b0-4f35-8ee5-c2cffa65fa76.woff") format("woff");
  222. font-weight: 400;
  223. font-style: normal;
  224. unicode-range: U+10A0-10FF;
  225. font-display: $calcite-fonts-display;
  226. }
  227. @font-face {
  228. font-family: "Avenir Next";
  229. src: url("#{$calcite-fonts-path}1fed34fa-250a-4d32-9f1d-42f978a2e0b2.woff2") format("woff2"),
  230. url("#{$calcite-fonts-path}e57662ff-b1ef-4122-88c1-61bbdabeb365.woff") format("woff");
  231. font-weight: 500;
  232. font-style: normal;
  233. unicode-range: U+10A0-10FF;
  234. font-display: $calcite-fonts-display;
  235. }
  236. @font-face {
  237. font-family: "Avenir Next";
  238. src: url("#{$calcite-fonts-path}2200dfff-da50-40b0-bc12-5e4b872a1998.woff2") format("woff2"),
  239. url("#{$calcite-fonts-path}dc10b3bd-5076-4df5-a5f5-e5961f4a6938.woff") format("woff");
  240. font-weight: 700;
  241. font-style: normal;
  242. unicode-range: U+10A0-10FF;
  243. font-display: $calcite-fonts-display;
  244. }
  245. /*
  246. ┌────────┐
  247. │ Arabic │
  248. └────────┘
  249. Arabic, Arabic Presentation Forms A, Arabic Presentation Forms B
  250. */
  251. @font-face {
  252. font-family: "Avenir Next";
  253. src: url("#{$calcite-fonts-path}2a1ae9a5-b6b5-405c-b660-bbdf1b356952.woff2") format("woff2"),
  254. url("#{$calcite-fonts-path}a8aeea1b-1a9d-45b7-8ad9-7c71824599e2.woff") format("woff");
  255. font-weight: 300;
  256. font-style: normal;
  257. unicode-range: U+0600-06FF, U+FB50-FDFF, U+FE70-FEFF;
  258. font-display: $calcite-fonts-display;
  259. }
  260. @font-face {
  261. font-family: "Avenir Next";
  262. src: url("#{$calcite-fonts-path}6ea5fa46-5311-450b-8744-288a30c55348.woff2") format("woff2"),
  263. url("#{$calcite-fonts-path}d9e4040d-32ff-4a1c-ac04-927a781da1f5.woff") format("woff");
  264. font-weight: 400;
  265. font-style: normal;
  266. unicode-range: U+0600-06FF, U+FB50-FDFF, U+FE70-FEFF;
  267. font-display: $calcite-fonts-display;
  268. }
  269. @font-face {
  270. font-family: "Avenir Next";
  271. src: url("#{$calcite-fonts-path}97694c53-4e94-4f9e-969b-a148adfcdcfd.woff2") format("woff2"),
  272. url("#{$calcite-fonts-path}8b01637a-f445-4f10-92ea-b84a355f7690.woff") format("woff");
  273. font-weight: 500; /* there is no 500 in Neue Helvetica Arabic, so use the same files as 700 instead */
  274. font-style: normal;
  275. unicode-range: U+0600-06FF, U+FB50-FDFF, U+FE70-FEFF;
  276. font-display: $calcite-fonts-display;
  277. }
  278. @font-face {
  279. font-family: "Avenir Next";
  280. src: url("#{$calcite-fonts-path}97694c53-4e94-4f9e-969b-a148adfcdcfd.woff2") format("woff2"),
  281. url("#{$calcite-fonts-path}8b01637a-f445-4f10-92ea-b84a355f7690.woff") format("woff");
  282. font-weight: 700;
  283. font-style: normal;
  284. unicode-range: U+0600-06FF, U+FB50-FDFF, U+FE70-FEFF;
  285. font-display: $calcite-fonts-display;
  286. }
  287. /*
  288. ┌────────┐
  289. │ Hebrew │
  290. └────────┘
  291. Hebrew, Alphabetic Presentation Forms
  292. */
  293. @font-face {
  294. font-family: "Avenir Next";
  295. src: url("#{$calcite-fonts-path}31da4b04-f98a-4b5f-b545-a31d26da99e5.woff2") format("woff2"),
  296. url("#{$calcite-fonts-path}d98fb015-7ef6-404f-a58a-5c9242d79770.woff") format("woff");
  297. font-weight: 300; /* there is no 300 in hebrew, so use the same files as 400 instead */
  298. font-style: normal;
  299. unicode-range: U+0590-05FF, U+FB00-FB4F;
  300. font-display: $calcite-fonts-display;
  301. }
  302. @font-face {
  303. font-family: "Avenir Next";
  304. src: url("#{$calcite-fonts-path}31da4b04-f98a-4b5f-b545-a31d26da99e5.woff2") format("woff2"),
  305. url("#{$calcite-fonts-path}d98fb015-7ef6-404f-a58a-5c9242d79770.woff") format("woff");
  306. font-weight: 400;
  307. font-style: normal;
  308. unicode-range: U+0590-05FF, U+FB00-FB4F;
  309. font-display: $calcite-fonts-display;
  310. }
  311. @font-face {
  312. font-family: "Avenir Next";
  313. src: url("#{$calcite-fonts-path}32a2c5cf-6736-44a6-a276-49ba7e030944.woff2") format("woff2"),
  314. url("#{$calcite-fonts-path}fa71df11-7b19-4baf-8ff7-3537dea718f0.woff") format("woff");
  315. font-weight: 400;
  316. font-style: italic;
  317. unicode-range: U+0590-05FF, U+FB00-FB4F;
  318. font-display: $calcite-fonts-display;
  319. }
  320. @font-face {
  321. font-family: "Avenir Next";
  322. src: url("#{$calcite-fonts-path}a9eaf4d3-6427-42df-9306-3ea1270f7b1a.woff2") format("woff2"),
  323. url("#{$calcite-fonts-path}f4a085c3-1c64-4fc0-a598-26f3e658c2b0.woff") format("woff");
  324. font-weight: 500; /* Helvetica Hebrew doesn't have 500 so use 700 weight files */
  325. font-style: normal;
  326. unicode-range: U+0590-05FF, U+FB00-FB4F;
  327. font-display: $calcite-fonts-display;
  328. }
  329. @font-face {
  330. font-family: "Avenir Next";
  331. src: url("#{$calcite-fonts-path}a9eaf4d3-6427-42df-9306-3ea1270f7b1a.woff2") format("woff2"),
  332. url("#{$calcite-fonts-path}f4a085c3-1c64-4fc0-a598-26f3e658c2b0.woff") format("woff");
  333. font-weight: 700;
  334. font-style: normal;
  335. unicode-range: U+0590-05FF, U+FB00-FB4F;
  336. font-display: $calcite-fonts-display;
  337. }
  338. /*
  339. ┌───────┐
  340. │ Hindi │
  341. └───────┘
  342. Devangari
  343. */
  344. @font-face {
  345. font-family: "Avenir Next";
  346. src: url("#{$calcite-fonts-path}94aa531e-7746-4df0-bb6e-349891f2eda5.woff2") format("woff2"),
  347. url("#{$calcite-fonts-path}121524c1-8d82-4155-bfb3-fd2f15f09e93.woff") format("woff");
  348. font-weight: 300;
  349. font-style: normal;
  350. unicode-range: U+0900-097F;
  351. font-display: $calcite-fonts-display;
  352. }
  353. @font-face {
  354. font-family: "Avenir Next";
  355. src: url("#{$calcite-fonts-path}3ae1e25e-3aa6-4061-a016-a079159f9d65.woff2") format("woff2"),
  356. url("#{$calcite-fonts-path}f1799750-0952-403f-8108-b2402eed0f62.woff") format("woff");
  357. font-weight: 400;
  358. font-style: normal;
  359. unicode-range: U+0900-097F;
  360. font-display: $calcite-fonts-display;
  361. }
  362. @font-face {
  363. font-family: "Avenir Next";
  364. src: url("#{$calcite-fonts-path}41331c3c-3759-4462-8695-33c9a21b6a5b.woff2") format("woff2"),
  365. url("#{$calcite-fonts-path}31e0c094-e345-4a54-a797-d5f1a5885572.woff") format("woff");
  366. font-weight: 500;
  367. font-style: normal;
  368. unicode-range: U+0900-097F;
  369. font-display: $calcite-fonts-display;
  370. }
  371. @font-face {
  372. font-family: "Avenir Next";
  373. src: url("#{$calcite-fonts-path}41331c3c-3759-4462-8695-33c9a21b6a5b.woff2") format("woff2"),
  374. url("#{$calcite-fonts-path}31e0c094-e345-4a54-a797-d5f1a5885572.woff") format("woff");
  375. font-weight: 700;
  376. font-style: normal;
  377. unicode-range: U+0900-097F;
  378. font-display: $calcite-fonts-display;
  379. }
  380. /*
  381. ┌───────┐
  382. │ Thai │
  383. └───────┘
  384. Thai
  385. SST Thai
  386. */
  387. // @font-face {
  388. // font-family: "Avenir Next";
  389. // src: url("#{$calcite-fonts-path}8a65abc7-6463-4895-b3e6-5e203b80b7e2.woff2") format("woff2"),
  390. // url("#{$calcite-fonts-path}89370128-6a74-471d-ba04-fa0b59bc8ed3.woff") format("woff");
  391. // font-weight: 300;
  392. // font-style: normal;
  393. // unicode-range: U+0E00-0E7F;
  394. // }
  395. // @font-face {
  396. // font-family: "Avenir Next";
  397. // src: url("#{$calcite-fonts-path}dd7b7d4e-21ab-4ac0-b26a-d032c992f3c5.woff2") format("woff2"),
  398. // url("#{$calcite-fonts-path}ae454969-59fb-4d42-aecb-dea30459bc7e.woff") format("woff");
  399. // font-weight: 400;
  400. // font-style: normal;
  401. // unicode-range: U+0E00-0E7F;
  402. // }
  403. // @font-face {
  404. // font-family: "Avenir Next";
  405. // src: url("#{$calcite-fonts-path}75e2f3b1-1402-4916-8392-4db9ababea7b.woff2") format("woff2"),
  406. // url("#{$calcite-fonts-path}c744f2a2-d6a9-4c18-b0ec-f17376acde3e.woff") format("woff");
  407. // font-weight: 500;
  408. // font-style: normal;
  409. // unicode-range: U+0E00-0E7F;
  410. // }
  411. // @font-face {
  412. // font-family: "Avenir Next";
  413. // src: url("#{$calcite-fonts-path}4e4befe6-3f94-41d8-886c-1a6831818c6a.woff2") format("woff2"),
  414. // url("#{$calcite-fonts-path}61f13f40-3829-413c-b6f5-b11abb272edc.woff") format("woff");
  415. // font-weight: 700;
  416. // font-style: normal;
  417. // unicode-range: U+0E00-0E7F;
  418. // }
  419. /*
  420. ┌────────────┐
  421. │ Vietnamese │
  422. └────────────┘
  423. In Vietnamese, we render the entire page in SST
  424. These font files include Basic, Extended, _and_ Vietnamese characters
  425. */
  426. @font-face {
  427. font-family: "SST Vietnamese";
  428. src: url("#{$calcite-fonts-path}c4cc9032-7eee-4a6e-ae8b-f384b1349bcf.woff2") format("woff2"),
  429. url("#{$calcite-fonts-path}1b3078ef-2971-4c95-b6ca-13ab528758cb.woff") format("woff");
  430. font-weight: 300;
  431. font-style: normal;
  432. font-display: $calcite-fonts-display;
  433. }
  434. @font-face {
  435. font-family: "SST Vietnamese";
  436. src: url("#{$calcite-fonts-path}c1905e2e-a1cb-49de-9bb0-ce3c5ffc85ae.woff2") format("woff2"),
  437. url("#{$calcite-fonts-path}341bcc5e-7ac0-44ff-819d-5887892eab1b.woff") format("woff");
  438. font-weight: 400;
  439. font-style: normal;
  440. font-display: $calcite-fonts-display;
  441. }
  442. @font-face {
  443. font-family: "SST Vietnamese";
  444. src: url("#{$calcite-fonts-path}18629a56-2ec3-4470-a65f-f82d7ec4d41b.woff2") format("woff2"),
  445. url("#{$calcite-fonts-path}439a2ded-d7a4-42d4-8660-ef8765fa7486.woff") format("woff");
  446. font-weight: 500;
  447. font-style: normal;
  448. font-display: $calcite-fonts-display;
  449. }
  450. @font-face {
  451. font-family: "SST Vietnamese";
  452. src: url("#{$calcite-fonts-path}4daa2125-53c6-4da8-9614-8a1049eaccc2.woff2") format("woff2"),
  453. url("#{$calcite-fonts-path}0763eab1-d6ed-4c73-afb0-895f930df099.woff") format("woff");
  454. font-weight: 700;
  455. font-style: normal;
  456. font-display: $calcite-fonts-display;
  457. }