How to Add Google Fonts in React Js || How to Add Font-Family in React Js

hello everyone instead I'll show you how to add Google fonts in react.js let's start go to browser here search Google fonts and click this first link here they are showing many lists you can choose anyone anyone or anything okay yeah I'm going to choose this one click this you've selected from list here they give link and import first I'm going to show you how to import this sorry link this just copy this and go to vs code here inside this index.html it will present inside the public folder okay I'm going to add this in after this here and I'm going to save this and go to browser here I'm going to copy this I'm going to add this in class okay here this is JS file and here I imported the CSS here okay first I'm going to create one or H1 tag okay here add Google fonts okay and save this and go to CSS here I'm going to directly apply style for the attention attribute here I'm going to paste that font family and font size okay is 32 PX save this and go to browser and here font size is changed and I'm going to comment this okay and here this is default font size and save this and I'm going to comment this also you will see difference okay here yeah this is normal CSS there this is we included okay and also you can import the on family also here click this and copy this you can import this in CSS here I commented in index.html and I'm going to CSS here before this H1 tag I'm going to paste that here I save this go to browser here font size is changed sorry one family is changed can I comment this yeah this is normal this fan family and if I uncomment here one family is changed yeah this is what I try to do in this video bye bye

Channel: Coding Comics

Views: 21,513

Keywords: how to add google fonts react js, how to include google fonts in react, how to include font in react, how to add font in react, how to set default font family in react js, google fonts react, how to add font-family in react js, react font family list, react font awesome, @font-face not working react, react google fonts, add font react, add font family react, how to add font family in react, include font in react, import font in react, add google font in index.html in react, font

Id: 2Bm3xej0lYQ

Length: 2min 37sec (157 seconds)

Published: Mon May 01 2023