How to introduce css external fonts? Introduction to the introduction of css external fonts

Sometimes we need to have a good-looking font in the website page. After all, a good-looking font will make the entire page look more beautiful and more attractive to users. We may think of using pictures to achieve this good-looking font, but today’s This article is not to introduce you to using pictures to make a good-looking font, but to introduce you to the method of introducing external fonts in css.

Without further ado, let’s get straight to the point~

What we need to use when introducing css external fonts is the @font-face of css3. What is @font-face? Let’s take a look

@font-face is a module in CSS3. It mainly embeds self-defined Web fonts into your web pages.

First let’s take a look at the syntax rules of @font-face:

@font-face {
      font-family: ;
      src:  [][, []]*;
      [font-weight: ];
      [font-style: