How to Add Custom Fonts in Squarespace 7.1

Поділитися
Вставка
  • Опубліковано 1 жов 2024

КОМЕНТАРІ • 28

  • @teajart
    @teajart Місяць тому +1

    THANK YOU!! theyre always changing the location of things

  • @susanhand4080
    @susanhand4080 25 днів тому +1

    Great help, but still have a question… at Creative Market, do I have to buy 2 licenses so I can use the same font on squarespace and my desktop?

    • @SharonMarta
      @SharonMarta  25 днів тому +1

      Great queestion, yes, if you want to use it on your desktop for anything I would purchase the desktop license and the web license.

    • @susanhand4080
      @susanhand4080 24 дні тому +1

      @@SharonMarta One more question... I love the Editor font, but if I only use it for headings do I need all 16? Will one do? If so, which would you recommend.

    • @SharonMarta
      @SharonMarta  23 дні тому

      @@susanhand4080 I used just 2, the regular and the italics version

  • @kseniiatryniak8544
    @kseniiatryniak8544 3 місяці тому +1

    Thank you! QQ - how to change title font in Testimonials? Because only in this block font didn't applying (

    • @SharonMarta
      @SharonMarta  3 місяці тому

      I would double check that the testimonial font is assigned to the same heading you have the custom font on. Go to the styles>fonts>assign fonts>List Section>Title. You can set it to whichever heading you have the custom font assigned to. That should solve it but if it's still not showing up, you might need to go a more specific route and use the selector ID to identify that title in CSS and assign it the custom font.

  • @PearseOHalloran
    @PearseOHalloran 16 днів тому

    Thanks Sharon. Very helpful!

  • @lindahuang
    @lindahuang 2 місяці тому +1

    Hi Sharon, very helpful! However I realized that for the italicized font, I tried to do it like yours but it does not work on the mobile. So desktop version works perfectly but when I switched to mobile it does not applied there..

    • @SharonMarta
      @SharonMarta  2 місяці тому

      Hmmm... that is not good. Without seeing all the code in your site, it's difficult to know what's going on. Are you a member of the Squarespace circle? In there you can post your questions with a link to your url, and show the code you're using and if anything is conflicting that might cause the mobile to be off. I'm in there but there's also many Squarespace experts in there who can look into it for you. If you're not a Circle member there's also a Squarespace Community Facebook group that I am in as well if you post your question there.

  • @creativenap
    @creativenap 3 місяці тому +1

    Thanks for this! Your method seems like an easier way to add custom fonts than some of the other tutorials I've watched so far.
    For the emphasis, would you do the same for the Bold typeface as well?

    • @SharonMarta
      @SharonMarta  3 місяці тому +1

      Yay, so glad this was helpful. The code for using bold in Squarespace CSS is "strong"

  • @katiemcgregor-blazewebdesign
    @katiemcgregor-blazewebdesign 5 місяців тому +1

    Thank you! So clear and I loved the tip about using the emphasis to tailor the type of specific letters ...my mind is buzzing thinking what I can do.

    • @SharonMarta
      @SharonMarta  5 місяців тому

      Yay!! So glad it helped. :) Thank you for letting me know.

  • @LaraS-bw9px
    @LaraS-bw9px 16 днів тому

    Hi Sharon! Thanks so much for this. Helped so much! I was able to implement the custom fonts for heading and paragraphs. However, the blocks and the font in the header are not updating for me. I've tried troubleshooting and I'm hitting a wall. Do you have any insight that might help me?

    • @SharonMarta
      @SharonMarta  12 днів тому

      Hi Lara, can you tell me which blocks? Is it summary blocks? Lists?

    • @LaraS-bw9px
      @LaraS-bw9px 12 днів тому

      @@SharonMarta Thank you so much for your reply. I meant buttons. I'm wondering if it's the monospace font?

    • @SharonMarta
      @SharonMarta  11 днів тому

      @@LaraS-bw9px Ahhhh... I don't normally change the fonts on the buttons, just because I want to make sure those are easy to read. But you can customize buttons with different CSS code. @insidethesquare probably has a video for customizing the font in buttons with CSS code.

    • @LaraS-bw9px
      @LaraS-bw9px 7 днів тому

      @@SharonMarta Thank you!

  • @lieutenantlouie
    @lieutenantlouie 27 днів тому +1

    This helped me so much thanks!

  • @AskNorby
    @AskNorby Місяць тому

    Bruh. Thanks Sharon. May the force be with you so this channel gets the following it deserves.

  • @Allthingslalab
    @Allthingslalab 5 місяців тому

    Thanks for sharing, this was extremely helpful! It won’t let me copy the code in your description. Is there anyway you can post it on the comments or do you have it on your site?

    • @SharonMarta
      @SharonMarta  5 місяців тому

      Oh weird. Thanks for the heads up. Here's the blog post with the code www.sharonmarta.com/blog/how-to-up-level-your-website-design-with-custom-code

  • @cristenmetzger2187
    @cristenmetzger2187 5 місяців тому

    This was soooo extremely helpful - thank you!!