HollyR Posted April 13, 2022 Share Posted April 13, 2022 Site URL: https://www.careerspace.co.nz/ Hi, custom font is not working. This is not my area of expertise and would really appreciate some advice on what is missing. Here is the code. Many thanks in advance! @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' } p1 { font-family:'kiona-light' } Link to comment
Web_Solutions Posted April 13, 2022 Share Posted April 13, 2022 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'; } Ainul, Create_Job and HollyR 2 1 Link to comment
Jia Posted April 13, 2022 Share Posted April 13, 2022 12 hours ago, HollyR said: Site URL: https://www.careerspace.co.nz/ Hi, custom font is not working. This is not my area of expertise and would really appreciate some advice on what is missing. Here is the code. Many thanks in advance! @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' } p1 { font-family:'kiona-light' } 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'); } HollyR 1 Please give this a 👍 if it helps www.sevenstars.studiowww.instagram.com/sevenstars.studio Link to comment
HollyR Posted April 18, 2022 Author Share Posted April 18, 2022 Hi there, apologies I have realised since that I have missed out some important information in my question. Heading 1 needs to be Kiona and Headings 2, 3 & 4 need to be Kiona Light. Heading 5 doesnt appear to feature in my site. The other important piece of information is that all paragraph font (paragraph 1, 2 & 3) is a different font: Poppins font. Poppins is listed as the font under site styles. So the custom font needs to be such that it doesnt over-ride the current paragraph Poppins font. Hope that makes sense and many thanks in advance, I really appreciate the help on this! Link to comment
tuanphan Posted April 22, 2022 Share Posted April 22, 2022 On 4/19/2022 at 4:14 AM, HollyR said: Hi there, apologies I have realised since that I have missed out some important information in my question. Heading 1 needs to be Kiona and Headings 2, 3 & 4 need to be Kiona Light. Heading 5 doesnt appear to feature in my site. The other important piece of information is that all paragraph font (paragraph 1, 2 & 3) is a different font: Poppins font. Poppins is listed as the font under site styles. So the custom font needs to be such that it doesnt over-ride the current paragraph Poppins font. Hope that makes sense and many thanks in advance, I really appreciate the help on this! Did you solve or still need help? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
HollyR Posted May 4, 2022 Author Share Posted May 4, 2022 Thank you @tuanphan I have sent you an email 🙂 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