_Shakul_

Hi - struggling with SquareSpace and loading in new fonts so any help is greatly appreciated. I wanted to replace my "DINOT" font with a "DINOT-Lite" version, but everytime I try to load in the .otf file it gives a warning saying the file type cant be used. I converted the .otf to a .ttf and got the same warning? Was able to load in my previous .otf's fine a few weeks ago? My fonts are also no longer displaying correctly, I wanted to add a specific size and colour to H2 and H3 - but it seems to have broken all the text back to defaults. This is the code I'm currently using: --------------------------------------------------------------------------------------------------- //FontTypes// @font-face {font-family: 'SquadaOne'; src: url(https://static1.squarespace.com/static/6489f503d3b59d456f35e6fe/t/64bcf978024396776f1c5dd9/1690106232740/SquadaOne-Regular.ttf)} @font-face {font-family: ConduitITC; src: url(https://static1.squarespace.com/static/6489f503d3b59d456f35e6fe/t/64bcf961b5f8dc6b637f72ed/1690106209901/Conduit+ITC+Regular.otf)} @font-face {font-family: ConduitITC_Bold; src: url(https://static1.squarespace.com/static/6489f503d3b59d456f35e6fe/t/64bcf95d5a0abe638b743697/1690106205642/Conduit+ITC+Bold.otf)} @font-face {font-family: DINOT_Bold; src: url(https://static1.squarespace.com/static/6489f503d3b59d456f35e6fe/t/64bcf917efd4733f43becc77/1690106135202/DINOT-Black.otf)} @font-face {font-family: DINOT; src: url(https://static1.squarespace.com/static/6489f503d3b59d456f35e6fe/t/64bcf900b5f8dc6b637f6eed/1690106112845/DINOT.otf)} //FontStyles// h1{font-family: 'SquadaOne'; letter-spacing:2px; font-size:75px; } h2{font-family: 'SquadaOne'; letter-spacing:2px; font-size:50px; color:#95C11F; } h3{font-family: 'SquadaOne'; letter-spacing:2px; font-size:50px; color:#662483; } h4{font-family: 'DINOT_Bold' !important} .sqsrte-large{font-family: 'SquadaOne' !important} p{font-family: 'ConduitITC' !important} .sqsrte-small{font-family: 'DINOT' !important} .form-block * { .sqs-block-summary-v2 { .sqs-block-button-element { .summary-title, .summary-heading { font-family: SquadaOne; font-weight: 600; font-size: 18px !important; color: #33cccc; }}}} li>*:first-child::before {color:#FFFFFF;}