mart22 Posted February 14 Share Posted February 14 Hi there! I applied a different font and style to paragraph 3 on my website. It looks fine on desktop, but it shows a random font when viewed on mobile. To make it even more confusing, there are some places on mobile where the right font is displayed but others not. Can anyone help me figure this out? Thank you in advance! Link to comment
melody495 Posted February 14 Share Posted February 14 Hi, how did you apply this font to your h3? Please share your custom css code so it's easier for the community to help you. Note, to use a font that is not the 2 set in Site Styles, you will need to use CSS to upload the font file then apply. -------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification Melody | Squarespace Nerd e: melody@melodylee.tech 💻 💁♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn? 👩💻 💁♀️ Website help <- send me your to-do list. From code to plugin to domain setup. 🧰 See the tools I use (contain affiliate links) ☕ Did I help? I like coffee (Thank you) Link to comment
mart22 Posted February 14 Author Share Posted February 14 Thank you @melody495! This is the code I used. The font used is included inside Squarespace so I didn't upload it. p.sqsrte-small { font-family: 'Halyard Display' !important; font-weight: 300 ; letter-spacing: 0.15em; text-transform: uppercase; line-height: 1.09rem; } Link to comment
melody495 Posted February 14 Share Posted February 14 6 minutes ago, mart22 said: Thank you @melody495! This is the code I used. The font used is included inside Squarespace so I didn't upload it. The code look ok. If the font isn't one of the 2 you have set for Heading or Paragraph, then you will need to upload the font file and treat it was a custom font. As Squarespace doesn't upload all font files available to load your website, that would be a lot of potentially unnecessary data to load that could slow down your website otherwise! -------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification Melody | Squarespace Nerd e: melody@melodylee.tech 💻 💁♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn? 👩💻 💁♀️ Website help <- send me your to-do list. From code to plugin to domain setup. 🧰 See the tools I use (contain affiliate links) ☕ Did I help? I like coffee (Thank you) Link to comment
mart22 Posted February 15 Author Share Posted February 15 (edited) This font is not my heading or paragraph but my miscellaneous one. The thing is that it shows in some parts on mobile, so it is working just not displaying. For example, the right custom paragraph 3 font is used in Portfolio titles but not in single portfolio pages or footer. I tried uploading the font as you suggested, but I keep having the same issue: it applies it in some places, but not on others. my website: www.martabocos.com Edited February 15 by mart22 Link to comment
tuanphan Posted February 17 Share Posted February 17 You try declare other font format to your font-face code (just an example, replace with your font real url) Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
mart22 Posted February 19 Author Share Posted February 19 thank you for looking into this @tuanphan The thing is that I am not uploading any font, I am using my Miscellaneous font for paragraph 3. I don't understand why it displays on desktop and navigation on mobile, but not on mobile projects, for example. Link to comment
Solution nick_sh Posted February 19 Solution Share Posted February 19 @mart22 It needs to be Halyard Display book Try new Squrespace ID & class finder Chrome Extension ✔ Supports Fluid Engine ✔ Generate Media Queries code ✔ Toggle IDs with Option / Alt ____ Hire me for SquareSpace development Link to comment
mart22 Posted February 19 Author Share Posted February 19 That worked! Thank you so much @nick_sh 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