How to set a separate header font?

[Davidyao217]

I want to set a different font just for the title on the header overlay image on the splash layout (https://codepen.io/DirkWeber/pen/YzBYWY), but I can't figure out where the font is set.

Thanks!

[iBug]

You can just provide your own CSS overrides for the header overlay part like this.

.layout--splash .page__hero--overlay {
  font-family: serif;
}