Fonts beneath images on shop page

Site URL: https://www.yatzsolutions.com/yatzshop

Hey everyone.

I am having trouble coding the text to my brand font. Beneath the images on my shop page. As you can see, we use the desert display font for the majority of our titles. I can not for the life of my figure out how . The second image is the code I'm trying to edit but I have no idea what I am doing.

Use this CSS

.products.collection-content-wrapper .grid-title {
    font-family: 'DesertDisplay-InkExtended' !important;
}

You're the best! Thank you so much!