How to change the font family?

Here are the steps to follow.
Step 1 -> Go to https://fonts.google.com/ and click on the font you want to use.
Step 2 -> Select the styles you want to use from that font page.
Step 3 -> Then goto embed tab on the right side and click on @import inside that tab.
Step 4 -> Now Copy the content inside of the <style></style> tag and put it at the top of your main CSS file.
Example:
@import url(‘https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;1,100&display=swap’);
Step 5 -> Finally copy the content under “CSS rules to specify families” and put it inside CSS “body” selector.
Example:
body{
font-family: ‘Roboto’, sans-serif;
}

Was this helpful?
2