Once you’ve declared your custom font stack, you can use it wherever you want in your stylesheet. H1 headings in our example:

h1,

.h1 {

font-family: var(–global–font-family-child);

Save your child’s style.css and reload the page. You should see Ubuntu as the new default font family for your page’s headings.

Now that you know how to customize Twenty Twenty-One’s style with a child theme, we can explore more advanced features.

In this example, we’ll build a custom block pattern including a two-column block with a rounded image on the left, an H4 heading, and a paragraph on the right.

You can build your pattern directly in the Block Editor or customizing the code of an existing block pattern.