css how to embed fonts

1@font-face {
2  font-family: myFirstFont;
3  src: url(sansation_light.woff);
4}
5
6div {
7  font-family: myFirstFont;
8}
9/*Name the font-family and link the font file in the @font-face rule*/

1
2/************* How to embed fonts using GOOGLE FONTS? ******************
3This will ensure that the Font type of your choice will appear for all 
4users, regardless of whether or not they have this Font installed!
5
6
71º -  Go to https://fonts.google.com/
8
9
102º - Choose a Font and, for that particular choice, you mark the option: 
11     "Select this style". Do this for every Font you wish to incorporate
12
13
143º - In the page of your "Selected Family", go to the option "Embed"
15
16
174º - Copy the link and paste in the <header> of your html file: */
18<link href="https://fonts.googleapis.com/css2?family=..." 
19  rel="stylesheet"> /*
20
21
225º - Finish by copying the "CSS rules to specify families" that the site 
23gives you and (in your css file) pasting a new property to your element, 
24for exemple: */
25
26h1 {
27  font-family: "Sacramento", cursive;
28} 
29