GARAGENUM
/
google-fonts
13
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
main
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'c99d40ea67'
${ noResults }
google-fonts/README.md

94 lines
5.5 KiB
Markdown
Raw Normal View History Unescape Escape

push
6 months ago
# BEST GOOGLE FONTS
## IMPLEMENTER
- index.html:
```html
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="./style.css">
</head>
</html>
```
- style.css:
> Une seule font
```css
@import url('https://fonts.googleapis.com/css2?family=Grand+Hotel&display=swap');
p {
font-family: 'Grand Hotel';
}
```
> Plusieurs fonts
```css
@import url('https://fonts.googleapis.com/css2?family=Grand+Hotel&family=Orbitron&display=swap');
#id1 {
font-family: 'Grand Hotel';
}
push
6 months ago
#id2 {
push
6 months ago
font-family: 'Orbitron';
}
```
## LISTE
#### [![FONT](https://readme-typing-svg.demolab.com?font=Orbitron&pause=3000&size=40&random=false&repeat=false&color=343A40&width=435&height=70&lines=ORBITRON)](https://fonts.google.com/specimen/Orbitron)
#### [![FONT](https://readme-typing-svg.demolab.com?font=Anton&pause=3000&size=40&random=false&repeat=false&color=343A40&width=435&height=70&lines=ANTON)](https://fonts.google.com/specimen/Anton)
#### [![FONT](https://readme-typing-svg.demolab.com?font=Aladin&pause=3000&size=40&random=false&repeat=false&color=343A40&width=435&height=70&lines=ALADIN)](https://fonts.google.com/specimen/Aladin)
#### [![FONT](https://readme-typing-svg.demolab.com?font=Rye&pause=3000&size=40&random=false&repeat=false&color=343A40&width=435&height=70&lines=RYE)](https://fonts.google.com/specimen/Rye)
#### [![FONT](https://readme-typing-svg.demolab.com?font=Grand+Hotel&pause=3000&size=40&random=false&repeat=false&color=343A40&width=435&height=70&lines=GRAND+HOTEL)](https://fonts.google.com/specimen/Grand+Hotel)
#### [![FONT](https://readme-typing-svg.demolab.com?font=Schoolbell&pause=3000&size=40&random=false&repeat=false&color=343A40&width=435&height=70&lines=SCHOOLBELL)](https://fonts.google.com/specimen/Schoolbell)
#### [![FONT](https://readme-typing-svg.demolab.com?font=Pirata+One&pause=3000&size=40&random=false&repeat=false&color=343A40&width=435&height=70&lines=PIRATA+ONE)](https://fonts.google.com/specimen/Pirata+One)
#### [![FONT](https://readme-typing-svg.demolab.com?font=Cabin+Sketch&pause=3000&size=40&random=false&repeat=false&color=343A40&width=435&height=70&lines=CABIN+SKETCH)](https://fonts.google.com/specimen/Cabin+Sketch)
#### [![FONT](https://readme-typing-svg.demolab.com?font=Irish+Grover&pause=3000&size=40&random=false&repeat=false&color=343A40&width=435&height=70&lines=IRISH+GROVER)](https://fonts.google.com/specimen/Irish+Grover)
#### [![FONT](https://readme-typing-svg.demolab.com?font=Bowlby+One+SC&pause=3000&size=40&random=false&repeat=false&color=343A40&width=435&height=70&lines=BOWLBY+ONE+SC)](https://fonts.google.com/specimen/Bowlby+One+SC)
#### [![FONT](https://readme-typing-svg.demolab.com?font=Henny+Penny&pause=3000&size=40&random=false&repeat=false&color=343A40&width=435&height=70&lines=HENNY+PENNY)](https://fonts.google.com/specimen/Henny+Penny)
#### [![FONT](https://readme-typing-svg.demolab.com?font=Permanent+Marker&pause=3000&size=40&random=false&repeat=false&color=343A40&width=435&height=70&lines=PERMANENT+MARKER)](https://fonts.google.com/specimen/Permanent+Marker)
#### [![FONT](https://readme-typing-svg.demolab.com?font=Concert+One&pause=3000&size=40&random=false&repeat=false&color=343A40&width=435&height=70&lines=CONCERT+ONE)](https://fonts.google.com/specimen/Concert+One)
#### [![FONT](https://readme-typing-svg.demolab.com?font=Rubik+Doodle+Shadow&pause=3000&size=40&random=false&repeat=false&color=343A40&width=435&height=70&lines=RUBIK+DOODLE+SHADOW)](https://fonts.google.com/specimen/Rubik+Doodle+Shadow)
#### [![FONT](https://readme-typing-svg.demolab.com?font=Monoton&pause=3000&size=40&random=false&repeat=false&color=343A40&width=435&height=70&lines=MONOTON)](https://fonts.google.com/specimen/Monoton)
#### [![FONT](https://readme-typing-svg.demolab.com?font=Rock+Salt&pause=3000&size=40&random=false&repeat=false&color=343A40&width=435&height=80&lines=ROCK+SALT)](https://fonts.google.com/specimen/Rock+Salt)
#### [![FONT](https://readme-typing-svg.demolab.com?font=Creepster&pause=3000&size=40&random=false&repeat=false&color=343A40&width=435&height=70&lines=CREEPSTER)](https://fonts.google.com/specimen/Creepster)
#### [![FONT](https://readme-typing-svg.demolab.com?font=Freehand&pause=3000&size=40&random=false&repeat=false&color=343A40&width=435&height=70&lines=FREEHAND)](https://fonts.google.com/specimen/Freehand)
#### [![FONT](https://readme-typing-svg.demolab.com?font=Metal+Mania&pause=3000&size=40&random=false&repeat=false&color=343A40&width=435&height=70&lines=METAL+MANIA)](https://fonts.google.com/specimen/Metal+Mania)
#### [![FONT](https://readme-typing-svg.demolab.com?font=Shojumaru&pause=3000&size=40&random=false&repeat=false&color=343A40&width=435&height=70&lines=SHOJUMARU)](https://fonts.google.com/specimen/Shojumaru)
#### [![FONT](https://readme-typing-svg.demolab.com?font=Emilys+Candy&pause=3000&size=40&random=false&repeat=false&color=343A40&width=435&height=70&lines=EMILYS+CANDY)](https://fonts.google.com/specimen/Emilys+Candy)
#### [![FONT](https://readme-typing-svg.demolab.com?font=Frijole&pause=3000&size=40&random=false&repeat=false&color=343A40&width=435&height=70&lines=FRIJOLE)](https://fonts.google.com/specimen/Frijole)
#### [![FONT](https://readme-typing-svg.demolab.com?font=Caesar+Dressing&pause=3000&size=40&random=false&repeat=false&color=343A40&width=435&height=70&lines=CAESAR+DRESSING)](https://fonts.google.com/specimen/Caesar+Dressing)
#### [![FONT](https://readme-typing-svg.demolab.com?font=Astloch&pause=3000&size=40&random=false&repeat=false&color=343A40&width=435&height=70&lines=ASTLOCH)](https://fonts.google.com/specimen/Astloch)