CSS Code Needed for Custom Font for Submit Button in Form

Hello,

I've reviewed several forum posts discussing the problem of customizing the "Submit" button font within a form using CSS. Despite attempting various CSS codes recommended, none have proven effective. I require the custom font for both a regular form and a contact form. Although the following code appears to be commonly used, it does not result in any noticeable changes:

@font-face {
    font-family: Cunia;
    src: url(https://static1.squarespace.com/static/65a30bf07c8164487c03a9a8/t/65a32a7648ce18428d1ff916/1705192054542/Cunia.ttf);
}
.sqs-block-button-element {
    font-family: Cunia!important;
}
 

Am I missing something?

(I need the font that's shown in the "View Our Sample Menu" button to match the "Submit" button below.

Can you share your website URL?

Hi @Ziggy,

Thanks for getting back to me. Here is the website link: https://www.uncofranks.com/catering

Use this CSS code

div#block-yui_3_17_2_1_1705886287148_31479 a {
    font-family: 'Varela' !important;
}

Hi @tuanphan,

Thanks so much for getting back to me and sending this. However, I am wanting to do the opposite. I am wanting the font in the "Submit" button in the form itself to be changed to "Cunia" font and not "Varela", essentially to match the font in the button that says "View Our Sample Menu". I tried using your code but the block id # isn't even showing on the Submit button in the form for some reason. Any suggestions?

Hi @inside_the_square,

Thank you so much for your response! That did the trick.

Btw, huge fan of your youtube tutorials. All of your videos helped me work through my first project in squarespace 🙂 Thank youuuu! 🙏

-Heidi