Näin lisäät oman fontin Squarespace-sivustolle – ilman koodausta
Haluatko käyttää omaa brändifonttia Squarespace-verkkosivuillasi, mutta et löydä sitä Squarespacen fonttivalikoimasta? Mulla on sulle hyviä uutisia! Aiemmin oman fontin lataaminen Squarespaceen vaati koodia ja CSS-virittelyä, mutta nyt Squarespace on tehnyt siitä helpompaa kuin koskaan – voit ladata omia fontteja suoraan asetuksista ilman yhtäkään rivin koodia.
Tässä ohjeessa opit miten oma fontti lisätään Squarespace 7.1 -sivustolle (vuonna 2025).
Miksi ladata Squarespace sivuille oma fontti ja käyttää sitä?
Brändäyksessä fontilla on väliä. Kun käytät tiettyä juuri sinun yrityksen brändiin sopivaa fonttia, ja se näkyy eri kanavissa viestit ammattimaisuudesta ja vahvistat visuaalista identiteettiäsi.
Helppo tapa lisätä fontti Squarespaceen (ei koodia!)
Nykyään Squarespace mahdollistaa mukautettujen fonttien lisäämisen suoraan sivuston editorista.
Toimi näin:
1) Avaa Squarespace-sivustosi ja siirry Pages -osiossa minkä tahansa sivun kohdalla Site styles -osioon:
2) Mene siellä Fonts -osioon ja valitse mikä tahansa fontin asettamisen kohta, esimerkiksi Headings tai Paragraphs ja klikkaa fontin nimen oikeassa reunassa olevaa pientä nuoliväkästä:
3) Klikkaa latausikonia fontin etsintäkentän oikeassa reunassa, joka avaa latausikkunan, jossa voit ladata koneeltasi oman fonttisi fonttitiedoston. OTF- tai .TTF-tiedostot ovat hyviä vaihtoehtoja.
4) Kun fontti on ladattu, voit käyttää sitä missä tahansa tekstielementissä valitsemalla sen fonttipudotusvalikosta. Voit säätää fonttien kokoja ja text transform tyylejä ja lataamasi fontti noudattelee niitä samoin kuin se olisi Squarespacesta suoraan löytyvä fontti.
Vinkkejä: Näin saat fontistasi kaiken irti
Käytä vain yhtä tai kahta mukautettua fonttia – liiallinen määrä voi hidastaa sivustoa ja heikentää käytettävyyttä.
Testaa fontin skaalautuvuus mobiilissa: Suomessa jopa 60–70 % verkkoliikenteestä tulee mobiililaitteista.
Yhteenveto
Tämä Squarespacen uusin päivitys tekee oman fontin lisäämisestä helppoa ja nopeaa – ilman teknistä osaamista. Tämä on erinomainen parannus erityisesti yrityksille ja suunnittelijoille, jotka haluavat luoda brändinsä näköisiä, tyylikkäitä ja erottuvia verkkosivuja.
