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">








    Enter fullscreen mode
    


    Exit fullscreen mode
    




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!


  #h3_text {font-family: "Tangerine"; font-size: 35px;}










    Enter fullscreen mode
    


    Exit fullscreen mode
    




Good Luck and Happy Practicing! 👋💻 GitHub | 🌷 Practicing Datscy @ Dev.to | 🌳 Practicing Datscy @ Medium
  
  
  References

Google fonts: https://developers.google.com/fonts/docs/getting_started?hl=en