Set the Font Family of an Element

Set the Font Family of an Element

Set the Font Family of an Element

You can set which font an element should use, by using the font-familyproperty.

For example, if you wanted to set your h2element’s font to sans-serif, you would use the following CSS:

h2 {
font-family: sans-serif;
}


Make all of your pelements use the monospacefont.

<style>

.red-text {

color:red;

}

p {

font-size:16px;

}

</style>

<h2 class="red-text">CatPhotoApp</h2>

<main>

<pclass="red-text">Click here to view more <ahref="#">cat photos</a>.</p>




<ahref="#"><imgsrc="https://bit.ly/fcc-relaxing-cat"alt="A cute orange cat lying on its back."></a>




<div>

<p>Things cats love:</p>

<ul>

<li>cat nip</li>

<li>laser pointers</li>

<li>lasagna</li>

</ul>

<p>Top 3 things cats hate:</p>

<ol>

<li>flea treatment</li>

<li>thunder</li>

<li>other cats</li>

</ol>

</div>




<formaction="/submit-cat-photo">

<label><inputtype="radio"name="indoor-outdoor"checked> Indoor</label>

<label><inputtype="radio"name="indoor-outdoor"> Outdoor</label><br>

<label><inputtype="checkbox"name="personality"checked> Loving</label>

<label><inputtype="checkbox"name="personality"> Lazy</label>

<label><inputtype="checkbox"name="personality"> Energetic</label><br>

<inputtype="text"placeholder="cat photo URL"required>

<buttontype="submit">Submit</button>

</form>

</main>

Leave a Reply

Your email address will not be published. Required fields are marked *