How to use a fontface in CSS

Seb J-Junior answered on September 7, 2022 Popularity 9/10 Helpfulness 4/10

answer How to use a fontface in CSS

related css fontface

How to use a fontface in CSS

Comment

The following syntax is how you use @font-face. First, you define the new font by providing it a name and stating where the font can be found.

@font-face {
    font-family: DeliciousRoman;
    src: url('https://www.font-face.com/fonts/delicious/Delicious-Roman.otf');
}

And then you refenence it.

p {
    font-family: DeliciousRoman, Helvetica, Arial, sans-serif;
}

that's it.

Popularity 9/10 Helpfulness 4/10 Language css

Source: designmodo.com

Tags: css font-face

Link to this answer
Share Copy Link

Contributed on Sep 07 2022

Seb J-Junior

0 Answers Avg Quality 2/10

Closely Related Answers

css fontface

Comment

@font-face {
  font-family: "Open Sans";
  src: url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2"), 
  	   url("/fonts/OpenSans-Regular-webfont.woff") format("woff");
}

Popularity 9/10 Helpfulness 5/10 Language css

Source: developer.mozilla.org

Tags: font-face css font

Link to this answer
Share Copy Link

Contributed on Sep 27 2022

html-hacker

0 Answers Avg Quality 2/10

How to use a fontface in CSS

Contents

More Related Answers

How to use a fontface in CSS

Closely Related Answers

css fontface

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.