DEV Community 👩‍💻👨‍💻

Cover image for how to add new font in your website using Google Fonts
Ayoub El Achab
Ayoub El Achab

Posted on

how to add new font in your website using Google Fonts

how to add or using font in your website Step by Step:

in this Article i will give you how to add or using new font in your website

Step 1 :

step 1

step 2 :

  • Choose the right Font for you.
    for example i choose Font ROBOTO and than click for Font name.
    step 2

    step 3 :

  • choose bold font and click it:

  • and than click on @import

  • and than Copy this , Show this picture :

step 3
for example , i choose Bold font and click on blod 700 and than click on @import and than copy text under @import .

step 4 :

  • past in your Css file.

step 4

Step 5 :

  • copy this css font families , Show this picture : step 5 ## step 6 :
  • Past on your css file :

step 6

connect with me on :

Top comments (0)

🌚 Friends don't let friends browse without dark mode.

Sorry, it's true.