Add google font

CSS
@import url(https://fonts.googleapis.com/css?family=Roboto);

HTML
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto"/>

body{
  font-family: "Roboto";
}

<!-- To Add Montserrat font or any font as such -->
<!-- Go to https://fonts.google.com browse the font you like here, Montserrat-->
<!-- On the right click embbed and get the link similar to one given below-->
<link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">
<!-- add this ^ link inside your <head> tag i.e. before </head> -->
<!-- In css you can specify the font family as -->
font-family: "Montserrat", sans-serif;

<!-- To import google font add this to the head of your HTML then you can use use the imported font family in your CSS file -->

<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet">

Similar codes

8 votes292 views4 answers
Css fill div with background image
CSS
2 votes322 views1 answer
Are you sure you want to delete html
CSS
2 votes276 views1 answer
Nunito font family
CSS
0 vote319 views2 answers
Not clickable css
CSS
12 votes294 views1 answer
How to make borders rounded in css
CSS
145 votes377 views6 answers
Add bootstrap to react
CSS Bootstrap
16 votes307 views5 answers
Loop scss
CSS
0 vote335 views1 answer
ProgressBars bulma -- thickness
CSS Bulma
0 vote280 views1 answer
Css Specify that the background image should be shown once, in the top right corner
CSS
1 vote310 views1 answer
Outline bottom css
CSS