CSS: Font size, color, weight, etc

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; 
}