using custom css to change (imported) fonts -- some specs aren't working

Hi -- I've imported 2 fonts (using Custom CSS editor and Custom files). I've specified that those fonts be used for various tags. (Sorry, my terminology may be very wrong here!) Anyway, for the most part everything is working. However:

- I initially had p1 font family set to Optima Medium (which worked). When I changed the font-family to Adorn Roman, it had no effect. (Now, when I change p1 to anything else it seems to have no effect -- it's like it's "stuck" on Optima.) Note that Adorn Roman DOES work for h1, so I don't think there's anything wrong with what I imported.

- I can't figure out the proper tag to change the button font  (for ALL buttons on the site.) I know that it's possible to set the font for buttons in the Design tool, but the font I want to use (Optima Medium) is not an option. You'll see in the CSS that I've tried MANY things (that don't work).

- I also can't get determine proper tag to change the font for the header / title in the newsletter block. Help?

- Finally -- ONE TIME I found a font dialog that let me search all fonts (rather than just the families that show up by default). How can I reliably get to that dialog? I found Adorn Roman in it... don't know if it was there before I imported it or not...  Optima Medium was not in the list. Not sure if I can change that.

CSS is below.  Probably obvious, but I'm a newbie!

Thanks,

Carol

******************************************************************************

@font-face {

    font-family: 'Optima Medium';

       src: url('https://static1.squarespace.com/static/626d5167c8cf094dc068f0ef/t/6293d5c72ca98112fcce627e/1653855687900/Optima+Medium.ttf');

    font-family: 'Adorn Roman';

       src: url('https://static1.squarespace.com/static/626d5167c8cf094dc068f0ef/t/62bcecc887271d6b2b611b1d/1656548552608/Laura+Worthington+-+Adorn+Roman.ttf');
         
}

h1 {font-family: 'Adorn Roman';}
h2 {font-family: 'Optima Medium';}
h3 {font-family: 'Optima Medium';}
h4 {font-family: 'Optima Medium';}
p1 {font-family: 'Adorn Roman';}
p2 {font-family: 'Optima Medium';}
p3 {font-family: 'Optima Medium';}
.image-button.sqs-dynamic-text {font-family: 'Optima Medium';}
.sqs-block-button .sqs-block-button-element--small {font-family: 'Optima Medium';}
.sqs-block-button-element--large {font-family: 'Optima Medium';}
.header-nav-item {font-family: 'Optima Medium';}
.header-title-text {font-family: 'Optima Medium';}

1 font = 1 font face code

2 font needs 2 font face

@font-face {

    font-family: 'Optima Medium';

       src: url('https://static1.squarespace.com/static/626d5167c8cf094dc068f0ef/t/6293d5c72ca98112fcce627e/1653855687900/Optima+Medium.ttf');
         
}
@font-face {

    font-family: 'Adorn Roman';

       src: url('https://static1.squarespace.com/static/626d5167c8cf094dc068f0ef/t/62bcecc887271d6b2b611b1d/1656548552608/Laura+Worthington+-+Adorn+Roman.ttf');
}