How to add fonts to classes

Question

Hey can anyone fill me in on how to add fonts to HTML classes? I was watching a tutorial and that part skipped and I'm confused exactly what he did. There was a box class with different elements in it and he was trying to add font styling before it skipped.

This is the HTML and CSS, excluding the <head> and <body> tags:

 .body { Background-color: red; } .box { Width: 174px; Height: 250px; Background: yellow; Width: 25px Padding:20px; } .true { Background-color: brown; } .true2 { Background-color: green }

 <Div class="box true"> this is an example</Div> <Div class="box true2> parenthesis</Div>

Answer 1

Use the font-family styling in your classes:

Example:

body {
    font-family: Arial, sans-serif;
}

Answer 2

You can also add custom fonts like this:

@font-face {
    font-family: myFirstFont;
    src: url(sansation_light.woff);
}

And then just juse font-family: myFirstFont; whenever you need it.

How to add fonts to classes

Question

2 answers

solution1
2 2018-08-17 17:52:15

solution2
1 2018-08-17 17:54:39

How to add fonts to classes

Question

2 answers

solution1 2 2018-08-17 17:52:15

solution2 1 2018-08-17 17:54:39

solution1
2 2018-08-17 17:52:15

solution2
1 2018-08-17 17:54:39