When I was using the Twenty Fourteen Theme, I set the CSS code for the font information. I found Poppins to be a nice font and also use Noto Serif as a contrast. It was listed on a site I found with complimentary fonts.
body {
background-color: #eceff1;
}
pre {
color: #282828;
font-family: poppins;
font-weight: 500;
font-size: 18px;
}
h1 {
color: darkblue;
font-family: poppins;
font-weight: 900;
font-size: 28px;
}
h2 {
color: blue;
font-family: poppins;
font-weight: 800;
font-size: 24px;
}
h3 {
color: coral;
font-family: poppins;
font-weight: 600;
font-size: 22px;
}
h4 {
color: #282828;
font-family: Noto Serif;
font-weight: 500;
font-size: 18px;
}
p {
color: #282828;
font-family: Noto Serif;
font-weight: 600;
font-size: 16px;
}
h5 {
color: #282828;
font-family: Noto Serif;
font-weight: 400;
font-size: 16px;
}
h6 {
color: #282828;
font-family: poppins;
font-weight: 400;
font-size: 14px;
}
In OceanWP, You adjust the fonts in the typography section. I also add in two CSS items I find useful.
p {
color: #282828;
font-family: Noto Serif;
font-weight: 600;
font-size: 18px;
}
pre {
color: #282828;
background-color: #eceff1;
font-family: poppins;
font-weight: 500;
font-size: 18px;
}