fonts.pcss.css

Same filename in other branches
  1. 10 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
  4. 10 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. 

  6. @import "variables.pcss.css";

  7. 

  8. @font-face {

  9.   font-family: metropolis;

  10.   src:

  11.     url("../../fonts/metropolis/Metropolis-Regular.woff2") format("woff2"),

  12.     url("../../fonts/metropolis/Metropolis-Regular.woff") format("woff");

  13.   font-weight: normal;

  14.   font-style: normal;

  15.   font-display: swap;

  16. }

  17. 

  18. @font-face {

  19.   font-family: metropolis;

  20.   src:

  21.     url("../../fonts/metropolis/Metropolis-Bold.woff2") format("woff2"),

  22.     url("../../fonts/metropolis/Metropolis-Bold.woff") format("woff");

  23.   font-weight: 700;

  24.   font-style: normal;

  25.   font-display: swap;

  26. }

  27. 

  28. @font-face {

  29.   font-family: metropolis;

  30.   src:

  31.     url("../../fonts/metropolis/Metropolis-SemiBold.woff2") format("woff2"),

  32.     url("../../fonts/metropolis/Metropolis-SemiBold.woff") format("woff");

  33.   font-weight: 600;

  34.   font-style: normal;

  35.   font-display: swap;

  36. }

  37. 

  38. /* lora-regular - latin */

  39. @font-face {

  40.   font-family: Lora;

  41.   src:

  42.     local("Lora Regular"),

  43.     local("Lora-Regular"),

  44.     url("../../fonts/lora/lora-v14-latin-regular.woff2") format("woff2"),

  45.     url("../../fonts/lora/lora-v14-latin-regular.woff") format("woff");

  46.   font-weight: 400;

  47.   font-style: normal;

  48.   font-display: swap;

  49. }

  50. /* lora-italic - latin */

  51. @font-face {

  52.   font-family: Lora;

  53.   src:

  54.     local("Lora Italic"),

  55.     local("Lora-Italic"),

  56.     url("../../fonts/lora/lora-v14-latin-italic.woff2") format("woff2"),

  57.     url("../../fonts/lora/lora-v14-latin-italic.woff") format("woff");

  58.   font-weight: 400;

  59.   font-style: italic;

  60.   font-display: swap;

  61. }

  62. /* lora-700 - latin */

  63. @font-face {

  64.   font-family: Lora;

  65.   src:

  66.     local("Lora Bold"),

  67.     local("Lora-Bold"),

  68.     url("../../fonts/lora/lora-v14-latin-700.woff2") format("woff2"),

  69.     url("../../fonts/lora/lora-v14-latin-700.woff") format("woff");

  70.   font-weight: 700;

  71.   font-style: normal;

  72.   font-display: swap;

  73. }

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