Multiple Fonts Used for Image Block Fonts and Headings

Site URL: https://www.jessikagarcia.com/meet-jessika

URL: jessikagarcia.com/meet-jessika

Password: PassionProject2020

Hello! Is it possible to use multiple fonts in image block fonts or headings? I'd like to do something similar to the attached with my image block cards overlay. Thank you!

Add to Home > Design > Custom CSS

div#block-9103f5e878b5c1c55aaf {
	/* title */
  .image-title.sqs-dynamic-text p {
      font-family: monospace !important;
  }
  /* sub title */
  .image-subtitle-wrapper p {
      font-family: futura-pt !important;
  }
}

8 hours ago, tuanphan said:

Add to Home > Design > Custom CSS

div#block-9103f5e878b5c1c55aaf {
	/* title */
  .image-title.sqs-dynamic-text p {
      font-family: monospace !important;
  }
  /* sub title */
  .image-subtitle-wrapper p {
      font-family: futura-pt !important;
  }
}

Thanks, @tuanphan. Nothing happened when I input the code. I switched out the fonts to the one I uploaded to my website. 

div#block-9103f5e878b5c1c55aaf {
    /* title */
  .image-title.sqs-dynamic-text p {
      font-family: 'california-palms' !important;
  }
  /* sub title */
  .image-subtitle-wrapper p {
      font-family: 'freight-sans-pro' !important;
  }
}

9 minutes ago, jessikalyngarcia said:

 

monospace & futura-pt font didn't work?

1 hour ago, tuanphan said:

monospace & futura-pt font didn't work?

No, it kept it the same fonts I originally set in site styles ...

If above code didn't work, add Code Block > Paste this code

<style>
  /* title */
  .image-title.sqs-dynamic-text p {
      font-family: 'california-palms' !important;
  }
  /* sub title */
  .image-subtitle-wrapper p {
      font-family: 'freight-sans-pro' !important;
  }
</style>