jhlfk Posted November 20, 2023 Share Posted November 20, 2023 Hi all! I'm having trouble getting my custom font to show on Safari/IOS. Here is what I have in my custom css: font-face { font-family: 'GINANDSODA'; src: url('FontUhttps://static1.squarespace.com/static/65030dbcd2e3b23e19b5e427/t/654babc747719d6d0d088a2b/1699457991716/GIN+AND+SODA.ttfRL'); } h1 {font-family: 'GINANDSODA';} h2 {font-family: 'GINANDSODA';} h3 {font-family: 'GINANDSODA';} P {font-family: 'GINANDSODA';} .sqsrte-large {font-family: 'GINANDSODA';} .sqsrte-small {font-family: 'GINANDSODA';} // Site Title // .header-title-text a { font-family: GINANDSODA !important; } // Site Navigation // .header-nav-item a { font-family: GINANDSODA !important; } // Button // .header-actions-action .btn { font-family: GINANDSODA !important; } // Announcement Bar // .sqs-announcement-bar-url a { font-family: GINANDSODA !important; } // Primary Button // .sqs-button-element--primary { font-family: GINANDSODA !important; } // Secondary Button // .sqs-button-element--secondary { font-family: GINANDSODA !important; } // Tertiary Button // .sqs-button-element--tertiary { font-family: GINANDSODA !important; } Any help is appreciated, thank you! Link to comment
Solution cecilesablayrolles Posted November 20, 2023 Solution Share Posted November 20, 2023 Hi! Your font URL seems to have a problem: url('FontUhttps://static1.squarespace.com/static/65030dbcd2e3b23e19b5e427/t/654babc747719d6d0d088a2b/1699457991716/GIN+AND+SODA.ttfRL'); It should be: url('https://static1.squarespace.com/static/65030dbcd2e3b23e19b5e427/t/654babc747719d6d0d088a2b/1699457991716/GIN+AND+SODA.ttf'); Link to comment
jhlfk Posted November 20, 2023 Author Share Posted November 20, 2023 @cecilesablayrolles Woohoo! That fixed it, thanks so much. Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment