CodePen Embed - Using commas in the var() function

<div class="wrapper">
  <h1>Intro to CSS Variables</h1>
</div>

.wrapper {
  min-height: 100vh;
  display: grid;
  place-content: center;
}

h1 {
  font-family: var(
    --font-family,
    "This font will not load",
    Impact,
    "Comic Sans",
    sans-serif
  );
}

Run Pen

This Pen is owned by Chris Romero on CodePen.

See more by @romerocs on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.