BrittaWAE Posted November 2, 2020 Posted November 2, 2020 Site URL: http://brittawaechter.com Hello, I would like to add a new font to my website and need to do that over custom CSS. I used this CODE: @font-face { font-family: 'FontTitle'; src: url('FontURL'); } h1 {font-family: 'FontTitle';} However when I follow this a new font is added but it is not the font I need. And I even tried it with another font and it stayed the same. Appartently when " dealing with custom code and CSS modifications it is possible that the code added might interfere with the built-in code and fonts of the site, so for that reason I won't be able to troubleshoot the added code or provide a new one." This was mentioned by the support yet I am not sure how to solve this. Could someone please advice? Thank you, Britta
Beyondspace Posted November 2, 2020 Posted November 2, 2020 What is your actual font url? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </> 🗓️ Delivery Date Picker (Date picker form field) Gallery block 7.1 workaround </> 🤖 Ask me anything
ArminB Posted November 2, 2020 Posted November 2, 2020 the code is looking good. Maybe the Source Url has a mistake. CSS like this normally doesn't interfere with the site code. maybe you can share site and/or the piece of CSS you used? About Armin: Squarespace Expert Profile: https://www.squarespace.com/designer/profile/3649084 Website: www.braunsberger-media.com
BrittaWAE Posted November 2, 2020 Author Posted November 2, 2020 Hey thanks already for your response. This is the URL of the font - FontURLhttps://static1.squarespace.com/static/5da42bbf2526b10b2131e80f/t/5fa0109c23873844cebf5597/1604325532443/Amare.ttfhttps://static1.squarespace.com/static/5da42bbf2526b10b2131e80f/t/5fa0109c23873844cebf5597/1604325532443/Amare.ttfhttps://static1.squarespace.com/static/5da42bbf2526b10b2131e80f/t/5fa01177c0d9fd7d2fa6e069/1604325752173/Amare.ttfhttps://static1.squarespace.com/static/5da42bbf2526b10b2131e80f/t/5fa01177c0d9fd7d2fa6e069/1604325752173/Amare.ttfhttps://static1.squarespace.com/static/5da42bbf2526b10b2131e80f/t/5fa01177c0d9fd7d2fa6e069/1604325752173/Amare.ttfhttps://static1.squarespace.com/static/5da42bbf2526b10b2131e80f/t/5fa01177c0d9fd7d2fa6e069/1604325752173/Amare.ttf'
BrittaWAE Posted November 2, 2020 Author Posted November 2, 2020 And I also tried it with another font and didnt work and this is the code FontURL https://static1.squarespace.com/static/5da42bbf2526b10b2131e80f/t/5fa059c1c632cd1520a4ca85/1604344257752/Brandon_reg.otf');
TDavy Posted November 2, 2020 Posted November 2, 2020 Which template are you using? I have found CSS works better on some templates than others.
Beyondspace Posted November 3, 2020 Posted November 3, 2020 4 hours ago, BrittaWAE said: And I also tried it with another font and didnt work and this is the code FontURL https://static1.squarespace.com/static/5da42bbf2526b10b2131e80f/t/5fa059c1c632cd1520a4ca85/1604344257752/Brandon_reg.otf'); This otf font path seems working, but the ttf file above return nothing, have you try to re-upload? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </> 🗓️ Delivery Date Picker (Date picker form field) Gallery block 7.1 workaround </> 🤖 Ask me anything
BrittaWAE Posted November 3, 2020 Author Posted November 3, 2020 @TDAVY I use the Mojave Template @bangank36 Thanks for trying. Yes I reuploaded and differnt code appears but no different result 🙂 https://static1.squarespace.com/static/5da42bbf2526b10b2131e80f/t/5fa059c1c632cd1520a4ca85/1604344257752/Brandon_reg.otfhttps://static1.squarespace.com/static/5da42bbf2526b10b2131e80f/t/5fa1099348e8eb2a8a6e349c/1604389267712/Brandon_reg.otf
Recommended Posts
Archived
This topic is now archived and is closed to further replies.