Adjusting the summary block heading text using CSS - not working. Halp?

Hi, I've been trying to change the "Summary" heading to FF Brokenscript Web and it's not changing. I've tried with quotes too and nothing changes.

.sqs-block-summary-v2 {
 .summary-heading {
   font-family: FF Brokenscript Web;
   text-align: center;
   font-size: 54px; }}

Hi. It is custom font or Squarespace font? If custom font, you need to declare font face