[Share] Get exact font-family of a Squarespace Font

You can follow these to get exact font-family of a Squarespace Font, so you can use CSS to change font name easier.

#1. First, install the WhatFont extension

https://chromewebstore.google.com/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm

Next, click Pin it to pin WhatFont to the browser bar.

#2. Next, click this icon to access Site Styles

#3. Click Fonts

#4. Click Assign Styles

#5. Click Site Navigation

#6. At Styles, click Custom

#7. Click Family

#8. Click BROWSER ALL FONTS

#9. Enter a font in the Search Bar. In my example, we will try Commuter Sans

#10. Click SAVE

#11. Open your site > Click the WhatFont icon

#12. Hover on Site Navigation >> Valid Font-Family will appear. You can use this name in font-family code.

#13. Repeat #9 to #12 if you want to find font-family of another font