Answered
font [CSS font properties not being applied to final web page]
Hi,
To ".title h1" and "main", I applied the same styles for font, except for font-family.
For "main", font-family is not applied.
How would I do?
Hosun Kang
You need to target the h1 inside the main section:
main h1 {
font-family: "alex-brush";
font-size: 16px;
font-weight: 400;
color: white;
}
However "alex-brush" isn't a 'web-safe' font and no-one but you will see it, if it is not installed on your website visitors system. You should only use 'web-safe' fonts, these include what you might find at google fonts - Google Fonts
Also you can't use multiple <h1> tag as you have done. <h> tags are reserved for headings and the <h1> tag should only be use once per section.
<h1>UPLOAD 2</h1>
<h1>UPLOAD 3</h1>
<h1>Policy Change</h1>
<h1>19Mar2016</h1>
So if you have multiple <article> tags in your page you can use 1 <h1></h1> tag per article tag:
<article>
<h1>Article 1 heading</h1>
</article>
<article>
<h1>Article 2 heading</h1>
</article>
<article>
<h1>Article 3 heading</h1>
</article>
or section tag
<section>
<h1>Section 1 heading</h1>
</section>
<section>
<h1>Section 2 heading</h1>
</section>
<section>
<h1>Section 3 heading</h1>
</section>
AdChoices