Google font import

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";
}

How to import google font

<!-- 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;

Google font import

<!-- 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

23 votes435 views5 answers
Map an array in react
Html
7 votes224 views4 answers
Change button color in html
Html
16 votes203 views6 answers
Basic html code
Html
13 votes192 views3 answers
Remove basic html style link
Html
179 votes227 views10 answers
Minecraft
Html
-1 vote189 views2 answers
Simplecss cdn
Html
0 vote195 views2 answers
How to write h1 tag in html
Html
2 votes185 views1 answer
Number dropdown html
Html
2 votes273 views2 answers
How to change html code of a website
Html
132 votes190 views6 answers
Html open link in new tab
Html