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

**URL:** <https://community.elfsight.com/t/squarespace-scrolling-font-use-multiple-fonts-for-different-items/103103>\
**Category:** Platform Tips\
**Tags:** squarespace\
**Created:** [February 23, 2025, 2:09pm UTC](https://community.elfsight.com/t/squarespace-scrolling-font-use-multiple-fonts-for-different-items/103103 "2025-02-23T14:09:21Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![tuanphan](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/tuanphan/32/3165_2.png) [@tuanphan](https://community.elfsight.com/u/tuanphan)\
**Post date:** [February 23, 2025, 2:09pm UTC](https://community.elfsight.com/t/squarespace-scrolling-font-use-multiple-fonts-for-different-items/103103/1 "2025-02-23T14:09:21Z")

</div>

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

First, find [Scrolling Block ID](https://community.elfsight.com/t/how-to-find-id-in-squarespace/65340).

In my example, it is: #block-yui\_3\_17\_2\_1\_1733474676958\_10912

![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/0/6/0667e599b6836d43e6d0c47bb8158187db8ea802_2_690x75.png)

Next, use this code to Custom CSS box  
If code doesn’t work, you can comment below, [message](https://community.elfsight.com/u/tuanphan/) or [send me an email](https://community.elfsight.com/u/tuanphan/summary).

```auto
#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;
  }
}

```

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/0/8/08b70341c7340c93f5f8bcf21f4b97c038229e5c.jpeg)