Jump to content

KevinInChicago

Member
  • Posts

    6
  • Joined

  • Last visited

KevinInChicago's Achievements

  1. I'm having a similar issue. I can see the change I want in the CSS editor/preview experience but not on the live site. URL: https://embracewa.org Use case: We use the Rye font family across all our other advertising channels advertising Embrace Washington's fundraising gala (The Backwoods Flannel Ball). We want it to style a few elements on the homepage. Here is my block of code that works in preview mode: @import url('https://fonts.googleapis.com/css?family=Rye&display=swap'); #block-7ff5670405e4c801c2fa, #block-6afaec43d023f245655c, #block-c47804bd540c1a7b22a4, #block-1b8e7264c616ddad531c { font-family: 'Rye'; } But if you go to the homepage, you can see that it doesn't render the font in the blocks I'm targeting.
  2. New issue, for some reason, the Rye font appears in preview mode when the CSS editor is up but not on the live front end at embracewa.org @import url('https://fonts.googleapis.com/css?family=Rye&display=swap'); #block-7ff5670405e4c801c2fa, #block-6afaec43d023f245655c, #block-c47804bd540c1a7b22a4, #block-1b8e7264c616ddad531c { font-family: 'Rye'; }
  3. @melody495 and @Ziggy I can update my text blocks but for some reason, that technique didn't work for my tertiary button style. Thoughts about what I need to do to make it apply to the button too?
  4. I'm watching this video. This developer has the answer! It turns out that I needed to add some additional code to the CSS block. I needed to import the font from google.
  5. Hi. Sorry about that. I had initially used the code you posted, but sadly, it's the fallback font.
  6. Here is my use case. I have a section for the home page of my website. There is a featured font for the event we want to advertise in this banner. We are using Rye (https://fonts.google.com/specimen/Rye?query=Rye) across other advertising channels. We want to update the font for two text blocks in my describing section. Here is my code block for CSS. Please note that I will just copy and paste this code for the second block and update the blockID. #block-814739f676fa06738add { font-family: 'Rye'; font-size: '3em'; } I can see the change live if I update the font family to 'Arial'. When I set it to 'Rye' I get some sort of fallback font family (this is how I know the blockID is correct). This is a display font (that's how it's listed in the Styles > Fonts section of the style editor). Here is a screenshot of the end result. I don't see Rye, just the fallback (see attached). Thanks in advance for your help!
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.