Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

Version 1 Next »

Custom CSS with advanced typography

Squarespace CSS isn’t easy. You will likely have to invest time into custom CSS. That came as a surprise to me. For version 7.1 the CSS ID list is here.

https://forum.squarespace.com/topic/160059-share-squarespace-71-css-id-list/

To use a CSS selector:

  • Target site XYZ → Website → Website Tools → Custom CSS

Note: I have licensed this web font. Everyone can download any embedded web front via browser dev tools. This is a 20 Euro font. You can also just use Adobe Fonts directly because these are integrated into Squarespace. Don’t copy-paste the link or use unlicensed fonts.

gist.githubusercontent.com/norandom/fe83c643ed9b35e4f042a2b87960f617/raw/1786d76f9e16855deca24462bdc2988095b76dcd/squarespace_custom.css

To-do:

  • integrate drop caps
  • clean mobile fonts
  • line spacing for meta elements in blog (question)
  • iOS Safari consistency issues
  • No labels