EN
Søker...

Nettstedfonter

Innstillingene for nettstedstekststil i Pixpa lar deg kontrollere typografien på hele nettstedet ditt. Fra overskrifter og titler til brødtekst og beskrivelser kan du tilpasse skriftstiler, størrelser og avstand slik at de matcher merkevarens visuelle identitet.

Pixpa støtter over 300 fonter fra Google Fonts-arkivet, i tillegg til et utvalg av OFL-lisensierte fonter som du kan bruke fritt. Ved å justere tekststilene dine kan du sikre konsistens og forbedre lesbarheten på tvers av alle sidene på nettstedet ditt.

I denne artikkelen:

  1. Gjeldende skriftsett
  2. Skriftforhåndsinnstillinger
  3. Avansert redigering
  4. Tilbakestill egendefinerte innstillinger
  5. Alternative fonter fra Google

Du kan administrere skriftene for nettstedet ditt fra Design (1) seksjon.

Når du er inne i Design-delen, klikker du på Skrifter (2) fane.

Gjeldende skriftsett

  • Den valgte Forhåndsinnstilt skrift (1) vil vises her.
  • Du kan tilpasse Overskrift (2) og Avsnitt (3) skrift for den valgte forhåndsinnstillingen.

OBS: Når du foretar egendefinerte justeringer av fargepalettalternativene eller avansert redigering, vil du se en 'Modifisert' (4)-knappen.

  • Øvre tekst (5) representerer skrifttypen Overskrift.
  • Nedre tekst (6) representerer Paragraph-fonten.

Merknader:

  • Endring av overskriftsskrift vil også påvirke sidetittel og menyelementer.
  • Endring av avsnittsskrift vil også påvirke knapper, gallerier (bildetittel) og bunntekst.

Skriftforhåndsinnstillinger

Skriftforhåndsinnstillinger er forhåndsdefinerte kombinasjoner av skrifttype, skriftstørrelser, bokstavavstand og andre typografiske innstillinger som kan brukes på teksten på det generelle nettstedet.

  • Du kan enkelt endre skrifttypen globalt ved å velge en av de Forhåndsinnstillinger for skrift (1).
  • Filtrer (2) listen ved å velge Alle, Serif, Sans Serif eller Blandede forhåndsinnstillinger. Når du velger et filter, vil du kun se relaterte forhåndsinnstillinger.
  • Å velge a Forhåndsinnstilt skrift (3), du må bare klikke på den og Publiser (4) endringene.

  • Bla til bunnen av skriftlisten for å få tilgang til og velge blant de tilgjengelige OFL-fonter.

Avansert redigering

Herfra kan du overstyre de forhåndsinnstilte innstillingene og administrere skriftene for alle elementene på nettstedet ditt manuelt.

Du vil se følgende alternativer her:

Side tittel

Det er tittelen på nettstedet ditt som fungerer som en logotekst hvis den primære logoen ikke er tilgjengelig.

Fra her. du kan:

  1. Skrift - Velg skrifttypen for nettstedets tittel.
  2. Vekt - Velg skriftvekten for nettstedtittelen.
  3. Størrelse – Desktop – Angi tekststørrelsen for sidetittelen på skrivebordet.
  4. Størrelse – Mobil – Spesifiser tekststørrelsen for nettstedets tittel på mobil.
  5. Avstand mellom bokstavene - Angi mellomrommet mellom bokstavene i sidetittelen.

Toppmeny

Det er en samling av sider, lenker, mapper, gallerier osv. som gjør det mulig for brukere å flytte mellom ulike deler av et nettsted.

Fra her., kan du tilpasse:

    1. Skrift - Angi skrifttypen for menykoblingene.
    2. Vekt - Velg skriftvekt for menykoblingene.
    3. Størrelse - Angi tekststørrelsen for menykoblingene.
    4. Avstand mellom bokstavene - Still inn mellomrommet mellom bokstavene i menykoblingene.

    1. Skrift - Angi skrifttypen for lenkene til rullegardinmenyen.
    2. Vekt - Velg skriftvekt for rullegardinmenykoblinger.
    3. Størrelse - Angi tekststørrelsen for lenker i rullegardinmenyen.
    4. Avstand mellom bokstavene - Still inn mellomrommet mellom bokstavene i rullegardinmenyen.

Overskrifter

Overskriftstagger er avgjørende siden de bidrar til å strukturere innholdet, forbedrer SEO, forbedrer tilgjengelighet og lesbarhet. Det er fire typer overskriftskoder som Pixpa tilbyr. De er Overskrift (H1), Overskrift (H2), Overskrift (H3) og Overskrift (H4).

Fra her. du kan:

  1. Skrift - Angi skriftstilen for overskriften (H1).
  2. Vekt - Velg skriftvekt for overskriften (H1).
  3. Størrelse – Desktop – Angi skriftstørrelsen på overskriften (H1) for skrivebordet.
  4. Størrelse – Mobil – Angi skriftstørrelsen på overskriften (H1) for mobil.
  5. Linjehøyde - Spesifiser linjehøyden på fonten for overskrift (H1) (spesifisert i form av em).
  6. Avstand mellom bokstavene - Spesifiser mellomrommet mellom bokstavene i overskriftsteksten (H1) (spesifisert i form av em).

OBS: I likhet med Overskrift (H1), kan du tilpasse innstillinger for H2, H3 og H4 skriftstiler.

Tekstutfylling (overskrifter)

  • Overskrifter – Spesifiser utfyllingen for overskriftene på nettstedet ditt.

avsnitt

Den brukes til å definere og strukturere en tekstblokk som et avsnitt. Dette brukes vanligvis til beskrivelser, bildetitler, bildetekster, bunntekst osv.

Fra her. du kan:

  1. Skrift - Velg skriftstilen for all avsnittstekst (normal, liten og stor).
  2. Vekt - Velg skriftvekten for all avsnittstekst.
  3. P (Normal) – Desktop – Velg Normal skriftstørrelse for all avsnittstekst for skrivebordet.
  4. P (Normal) – Mobil – Velg Normal skriftstørrelse for all avsnittstekst for mobil.
  5. P (liten) – skrivebord – Velg den mindre skriftstørrelsen (mindre enn P (Normal)) for all avsnittstekst for skrivebordet.
  6. P (liten) – mobil – Velg den mindre skriftstørrelsen (mindre enn P (normal)) for all avsnittstekst for mobil.
  7. P (stor) – skrivebord – Velg den større skriftstørrelsen (større enn P (Normal)) for all avsnittstekst for skrivebordet.
  8. P (stor) – mobil – Velg den større skriftstørrelsen (større enn P (Normal)) for all avsnittstekst for mobil.
  9. Linjehøyde - Spesifiser linjehøyden på fonten for avsnittstekst (spesifisert i form av em).
  10. Avstand mellom bokstavene - Angi mellomrommet mellom bokstavene i avsnittsteksten (spesifisert i form av em).

Tekstutfylling (avsnitt)

Avsnitt – Spesifiser utfyllingen for avsnittene på nettstedet ditt.

knapper

Knapper er elementer du kan klikke eller trykke på for å utføre bestemte handlinger, for eksempel å sende inn et skjema eller navigere til en annen side.

Fra her. du kan:

  1. Skrift - Du kan velge skrifttype for knappeteksten herfra.
  2. Vekt - Still inn skriftvekten for knappeteksten herfra. Du kan velge mellom normal, lett og fet.
  3. Størrelse (Large) – Still inn den store skriftstørrelsen for knappene.
  4. Størrelse (medium) – Still inn middels skriftstørrelse for knappene.
  5. Størrelse (liten) – Still inn liten skriftstørrelse for knappene.
  6. Avstand mellom bokstavene - Still inn mellomrommet mellom bokstavene i knappeteksten herfra (spesifisert i em).

Dette er teksten som vises nederst på nettstedet, for eksempel informasjon om opphavsrett, ansvarsfraskrivelser osv. Innstillinger for bunntekst lar deg tilpasse utseendet på teksten i bunnteksten på nettstedet ditt.

  1. Skrift - Angi skriftstilen for bunnteksten.
  2. Vekt - Angi skrifttykkelsen for bunnteksten herfra. Du kan velge mellom normal, lys og fet skrift.
  3. Tekststørrelse – Definer skriftstørrelsen for bunnteksten.
  4. Menystørrelse – Angi skriftstørrelsen for menyelementer i bunnteksten.
  5. Størrelse på nettstedtittel (skrivebord) – Juster størrelsen på bunnteksten på nettstedet når det vises på datamaskin.
  6. Størrelse på nettstedtittel (mobil) – Juster størrelsen på bunnteksten på nettstedet når det vises på mobile enheter.
  7. Avstand mellom bokstavene - Angi avstanden mellom bokstavene for bunntekst (målt i em).

Diverse

Dette er noen andre tilpasninger under Font-innstillingene. Fra her. du kan:

Dette brukes når du velger å vise bildetitler når du peker.

    1. Hover Font – Du kan velge skrifttype for bildetittelteksten ved å holde musepekeren herfra.
    2. Hover vekt – Still inn skriftvekten for bildetittelteksten herfra. Du kan velge mellom normal, lett og fet.
    3. Hover Size - Angi størrelsen på bildetittelteksten ved å holde musepekeren herfra.
    4. Avstand mellom bokstavene - Still inn mellomrommet mellom bokstavene i bildetittelteksten herfra (spesifisert i em).

Tilbakestill egendefinerte innstillinger

Du kan enkelt tilbakestille fontinnstillingene til standard hvis du har gjort endringer i fontsettet ved å redigere det eller hvis du har tilpasset fontinnstillingene fra Advanced Edit.

Du vil se en Modifisert-knapp. Hold markøren over knappen, den endres til Tilbakestill. Du kan tilbakestille endringene til original herfra.

Alternative fonter fra Google

Her er noen alternative Google-fonter for noen populære fonter:

  • Brandon Grotesque – Josefin Sans
  • Sofia Pro – Poppins
  • Avenir – Lato or prompt
  • Proxima Nova – Montserrat or Roboto
  • Proxima Soft – nunito
  • DIN – Barlow
  • Charter - Kilde Serif Pro
  • Helvetica Neue – Roboto or Arbeid Sans
  • Whitney - Katamaran or Hind
  • Gotham – Montserrat
  • Tisa Serif – EN serif
  • Museo Slab – Zilla-plate or Roboto Slab
  • Optima – Arsenal
  • Skoler – Kilde Serif
  • Bokstavgotisk – Fira Mono
  • Segoe UI – Åpne sans
  • Futura – Multi
  • Gibson – Noto sans
  • Zona Pro – Poppins
  • Undersått - Crimson Text
  • Mostra Nuova – Josefin Sans
  • Geogrotesk – Armata
  • Baskerville – Gratis Baskerville
  • Vakt - Domine
  • Neuzeit – Hind
  • Miller – Abril Fatface
Tagged:

Finner du ikke det du leter etter?

Ta kontakt med en Pixpa-ekspert.

Kontakt oss
Pixpa Studio har nettopp blitt oppdatert. Vi oppdaterer for tiden alle skjermbilder fra hjelpeartikler.