fonts.pcss.css

Same filename in this branch
  1. 10 core/modules/navigation/css/base/fonts.pcss.css
Same filename in other branches
  1. 9 core/themes/olivero/css/base/fonts.pcss.css
  2. 11.x core/themes/olivero/css/base/fonts.pcss.css
  3. 11.x core/modules/navigation/css/base/fonts.pcss.css

Base Fonts.

File

core/themes/olivero/css/base/fonts.pcss.css

View source
  1. /**
  2. * @file
  3. * Base Fonts.
  4. */
  5. @import "media-queries.pcss.css";
  6. @font-face {
  7. font-family: metropolis;
  8. src: url("../../fonts/metropolis/Metropolis-Regular.woff2") format("woff2");
  9. font-weight: normal;
  10. font-style: normal;
  11. font-display: swap;
  12. }
  13. @font-face {
  14. font-family: metropolis;
  15. src: url("../../fonts/metropolis/Metropolis-Bold.woff2") format("woff2");
  16. font-weight: 700;
  17. font-style: normal;
  18. font-display: swap;
  19. }
  20. @font-face {
  21. font-family: metropolis;
  22. src: url("../../fonts/metropolis/Metropolis-SemiBold.woff2") format("woff2");
  23. font-weight: 600;
  24. font-style: normal;
  25. font-display: swap;
  26. }
  27. /* lora-regular - latin */
  28. @font-face {
  29. font-family: Lora;
  30. src:
  31. local("Lora Regular"),
  32. local("Lora-Regular"),
  33. url("../../fonts/lora/lora-v14-latin-regular.woff2") format("woff2");
  34. font-weight: 400;
  35. font-style: normal;
  36. font-display: swap;
  37. }
  38. /* lora-italic - latin */
  39. @font-face {
  40. font-family: Lora;
  41. src:
  42. local("Lora Italic"),
  43. local("Lora-Italic"),
  44. url("../../fonts/lora/lora-v14-latin-italic.woff2") format("woff2");
  45. font-weight: 400;
  46. font-style: italic;
  47. font-display: swap;
  48. }
  49. /* lora-700 - latin */
  50. @font-face {
  51. font-family: Lora;
  52. src:
  53. local("Lora Bold"),
  54. local("Lora-Bold"),
  55. url("../../fonts/lora/lora-v14-latin-700.woff2") format("woff2");
  56. font-weight: 700;
  57. font-style: normal;
  58. font-display: swap;
  59. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.