Target Buttons in Digital Products

Hi everyone, 

I've been implementing a custom typeface across my site, but the buttons on the digital products not being changed. 

Can anyone help please? I want to change the typeface to my custom one (plus Jakarta sans) 

Site: https://chipmunk-rose-m9ws.squarespace.com/memberships
Password: miko

Also on a second point, if anyone also knows how to hide the bit of text under the price that says 'every month' seems odd to be there as the buttons above already say monthly and yearly. 

Thank you!

Thank you so much @tuanphan!

Do you think it is possible to adjust the spacing somehow in this section as well? Notice that the gaps between the 3 items are a bit random in the attached 

Any thoughts @tuanphan?

Use this CSS code

/* price */
.pricing-plan-price-amount {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
.product-price.pricing-plan-product-price.below-pricing-toggle {
    margin-top: 10px !important;
}