(Squarespace) Scrolling font: Use multiple fonts for different items

If you want to use different font family in different text in same Scrolling Block, you can follow these.

First, find Scrolling Block ID.

In my example, it is: #block-yui_3_17_2_1_1733474676958_10912

image

Next, use this code to Custom CSS box
If code doesn’t work, you can comment below, message or send me an email.

#block-yui_3_17_2_1_1733474676958_10912 {
  tspan.Marquee-svg-text:nth-child(odd) {
      font-family: monospace !important;
     font-size: 38px;
  }
  tspan.Marquee-svg-text:nth-child(even) {
      font-family: Roboto, sans-serif !important;
    font-size: 38px;
  }
}

1 Like