Slik legger du til tilpassede skrifter på Squarespace-nettstedet ditt [2025]
Å legge til egendefinerte fonter på Squarespace-nettstedet ditt er en fin måte å få designet ditt til å skille seg ut og gjenspeile stilen din. På bare noen få trinn kan du laste opp skriftfiler, finjustere CSS og tilordne fonter til spesifikke tekststiler som overskrifter og avsnitt. Det er en enkel måte å gi nettstedet ditt et unikt og polert utseende!
La oss dykke inn..
Se videoen
Sjekk ut YouTube-videoen nedenfor 👇
Naviger til Squarespace-dashbordet og gå til 'Nettstedverktøy'- delen. Klikk deretter på "Custom CSS" . Det skal se slik ut:
Deretter må vi laste opp vår egendefinerte kodefil til Squarespace. Sørg for at du har lastet ned filen før du fortsetter. For å starte, klikk på "+"- ikonet og last opp fontfilen.
Når skriftfilen er lastet opp, er neste trinn å legge til litt kode i delen "Custom CSS" . Kopier og lim inn koden nedenfor:
@font-face {
font-family: 'NAME';
src: url('');
}
h1, h2, h3, h4, p {
font-family: 'NAME';
}
Du kan endre "font-familien" til navnet på din egendefinerte font, men dette er ikke det mest kritiske aspektet. Det viktigste er at font-familienavnet forblir konsistent i begge deler av koden.
I den første delen av koden definerer vi fonten, og i den andre delen spesifiserer vi hvilke elementer som skal bruke den fonten. Ved å holde navnene konsekvente sikrer du at skriften brukes riktig på de målrettede elementene.
Nå må vi legge til font-URLen til koden. Finn delen av koden der det står src: url(' ');. Klikk i mellomrommet mellom parentesene (inne i de enkle anførselstegnene).
Derfra følger du disse trinnene:
Klikk på "Administrer egendefinerte filer" i redigeringsprogrammet.
Velg skriftfilen vi lastet opp tidligere fra listen.
Når du har satt inn riktig nettadresse, vil du se at skriften på nettstedet ditt endres til den vi lastet opp. Og bom – din egendefinerte skrift er nå brukt! 🎉
Du kan tilordne skriften til hvilken som helst tekststil du ønsker. For eksempel, i koden nedenfor, er skrifttypen spesifikt målrettet og tilordnet stilene overskrift 1 og avsnitt :
Ekstra tips:
Hvis du vil bruke to eller flere forskjellige tilpassede fonter på Squarespace-nettstedet ditt, dupliserer du koden, endrer fontfamilienavnet til noe unikt og laster opp en ny fontfil. Du kan for eksempel tilordne en egendefinert skrift til alle overskrifter og en annen til avsnittene slik:
@font-face {
font-family: 'Skrift 1';
src: url('FONT 1 URL');
}
h1, h2, h3, h4 {
font-family: 'Skrift 1';
}
@font-face {
font-family: 'Skrift 1';
src: url('FONT 2 URL');
}
p {
font-family: 'Skrift 2';
}
Din designer
Jeg er Victor Rolf, en ekspert Squarespace-designer. Hvis du vil diskutere et potensielt prosjekt, kan du sende meg en e-post på victor@rolfmade.com eller ta kontakt her . Alternativt kan du sette opp en gratis 15-minutters konsultasjonssamtale her.
