HollyR

Thank you @Jia that is looking much better! You have helped me immensely and I am so grateful to you for your time and help! 🙂

Hi, if that's the case, you'll need to import the files for both Kiona and Kiona Light and name them as such. Your codes will look like:
@font-face { font-family: 'Kiona-Light'; src: url('https://static1.squarespace.com/static/61636f178ba836289e08a2d5/t/616394b321324671f8c2283e/1633916083358/FontsFree-Net-Kiona-Light.ttf') format('truetype'); } @font-face { font-family: 'Kiona'; src: url('URL FOR KIONA') format('truetype'); } Then, to style the headings, add these codes:
h1 { font-family:'Kiona'; } h2, h3, h4 { font-family:'Kiona-Light'; } If you've already selected Poppins as the paragraph font on Site Styles, there's no need to add anything to css for it.
Let me know how it goes 🙂 

Hi, it might be due to an error in the format of your code. Try this instead and let me know how it goes 🙂 
@font-face { font-family: 'Kiona-Light'; src: url('https://static1.squarespace.com/static/61636f178ba836289e08a2d5/t/616394b321324671f8c2283e/1633916083358/FontsFree-Net-Kiona-Light.ttf'') format('truetype'); }

You made some mistake in the code. Remove previous code and add this code Design > Custom CSS
@font-face { font-family: 'kiona-light'; src: url(https://static1.squarespace.com/static/61636f178ba836289e08a2d5/t/616394b321324671f8c2283e/1633916083358/FontsFree-Net-Kiona-Light.ttf); } h1, h2, h3, h4, h5 { font-family:'kiona-light'; } p { font-family: 'kiona-light'; }