Pure CSS is a framework that can be used as a substitute for Bootstrap. It is an open-source solution that Yahoo developed for building responsive web pages and applications. It aids in creating a better user experience that is highly effective.

Pure CSS Grid is the class of this framework that can be used to lay out the grid to make the website responsive and give a better User experience.

There are 3 types of Pure CSS Grid Classes:

• Grid Classes ( pure-g )
• Unit Classes ( pure-u )
• Responsive grid modification to unit classes

In this article, we will learn about how to use font family with Pure CSS Grids.

Syntax:

<style>
    html, button, input, select, textarea,
    .class-name {
        font-family: value;
    }
</style>

Example 1: Below are some examples in which we demonstrated the use of a grid with some classes.

Output: 

 

Example 2: Here is another example to use class pure-g with pure-u.

Output: 

 

Reference: https://purecss.io/grids/