If you have any question feel free to contact me via E-Mail or Instagram :)

Access Custom Code Section via Website > Pages > Website Tools > Custom CSS

First access ID of Block via the Chrome Extension “Squarespace ID Finder” and copy this code snippet into the Custom CSS Section:

@media only screen and (max-width: 768px) {
SQUARESPACE ID {
display: none
}
}

Upload Font into Custom Files in Custom CSS section(see picture)

@font-face {

font-family: “FontName”

src: url(‘FONTURL’);

}

/* CHANGES HEADLINES */

h1, h2, h3, h4 {

font-family: “FontName”!important

}

/* CHANGES BODY COPY */

p, a {

font-family: “FontName”!important

}

If you want to learn more about code I can recommend this documentation.