How to use fonts with <link> tag

In this post, short examples are shown for how to use two popular fonts using the HTML< link> tag. Awesome fonts Robot &#xf544 Laptop &#xf109 The output is the following, where the boxes are where the fontawesome icons and its unicode version are printed.  Robot   Laptop  Google fonts Using Google fonts! #h3_text {font-family: "Tangerine"; font-size: 35px;} Good Luck and Happy Practicing!

Mar 15, 2025 - 19:31
 0
How to use fonts with <link> tag

In this post, short examples are shown for how to use two popular fonts using the HTML< link> tag.

Awesome fonts

<!DOCTYPE>




 rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/css/all.min.css">


 class="fas fa-robot">  Robot &#xf544

class="fas fa-laptop">Laptop &#xf109 id="output">

The output is the following, where the boxes are where the fontawesome icons and its unicode version are printed.
 Robot 
 Laptop 

Google fonts

<!DOCTYPE>




 rel="stylesheet" href="https://fonts.googleapis.com/css?family=Tangerine">

 id="h3_text">Using Google fonts!






Good Luck and Happy Practicing!