Blog preview card

Community feedback

• 

  Abdur Rahman•70

  @nuraf9607Posted 5 months ago

  1. Visit the Google Fonts website.
  2. Select a font that suits your needs.
  3. Click on "Get Font."
  4. Click on "Get Embedded Code."
  5. Choose the @import option.
  6. You'll find a link like this:

     @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
     

  7. Copy the @import link and paste it at the top of your CSS file.
  8. You've now successfully imported the font.
  9. To use it, refer back to where you copied the link. Below it, you’ll see the appropriate font-family value to use in your CSS.

  0