To use Pop fonts in web pages, you need to import font files and set CSS styles first.

Here are some basic steps:

1. Download popular fonts: You can download them from free font libraries such as Google Fonts. Save the font file to the fonts folder in the project directory.

2. Add a style sheet link to the title of the HTML file: Add the following code to the head tag:

```

& lt link href="/css? Family = popular & display = swap "rel =" style sheet ">

```

This will introduce Pop fonts from Google Fonts and apply them to all elements on the page.

3. Set CSS style: add the font-family attribute to the element to use the Pop font, for example:

```

h 1 {

Font family: "Pop", sans serif font;

}

```

This will make the h 1 element use the Pop font as the default font. You can also adjust other attributes as needed, such as font size and font thickness.

Precautions:

-If you want to host the font file yourself, instead of getting it from an external link, make sure that the MIME type is set correctly.

-If you only want to use this font in a specific area or element, you don't need to apply it to the global style sheet. Just set it for the corresponding selector.

-Different browsers may have different levels of support for Web fonts. Please test it to ensure that it can be displayed normally on various devices and browsers.