Is it possible to change the font of elements in the "Add to cart" button?

[EikasDen]

I'm using an Add to Cart button on my own website that is not powered by Shopify. I am able to change the colour of the different features like the button, text and the shopping basket, but I cannot seem to be able to change the font to my own. My page is already using my own imported font -

@font-face {
    font-family: Distraction;
    src: url(Distraction.ttf);
 }

 No matter how much I try to change the font, it remains as the standard one.

[BSS-TekLabs]

Hello @EikasDen 
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

[EikasDen]

Would you be able to help me if a sent you a code block relating to the button?

[BSS-TekLabs]

Can you send me the class of this button.

[Sangeetanahar]

hello @EikasDen 

use this code

button.add-to-cart {
    font-family: 'Distraction', sans-serif !important;
}

Buy me a Pizza

If this was helpful, hit the like button and accept the solution.
Thanks

[EikasDen]

Hi,

I tried to incorporate the snippet into the code, but the font remained as default.

Could you tell me exactly where the code should be added? Would you be able to help me if I sent you the code relating to the button?