Html css add Avenir light font

@font-face {
  font-family: 'Avenir';
  src: url('../fonts/Avenir.eot?#iefix') format('embedded-opentype'),  url('../fonts/Avenir.woff') format('woff'), url('../fonts/Avenir.ttf')  format('truetype'), url('../fonts/Avenir.svg#Avenir') format('svg');
}

p {
  font-family: 'Avenir', Helvetica, sans-serif;
}

Source: learn.co

Similar codes

1 vote218 views1 answer
Remove site title squarespace
CSS
17 votes204 views5 answers
Sass react
CSS
1 vote193 views1 answer
Gulp with pm2
CSS
2 votes240 views1 answer
How to apply hover through inline css
CSS
6 votes204 views2 answers
Css last child with class
CSS
0 vote203 views1 answer
Css perspective
CSS
0 vote210 views1 answer
Side nav bar in materialize css
CSS
1 vote217 views1 answer
Css > symbol
CSS
6 votes208 views2 answers
You have a flexbox container with items set in a row. You want the items to be displayed in the opposite order in which they appear currently. Which code do you use?
CSS
16 votes196 views5 answers
Scss loop
CSS