Nettstedfonter

Fonter spiller en avgjørende rolle på nettsteder ved å påvirke lesbarheten, formidle merkevareidentitet og forbedre den generelle brukeropplevelsen.

I denne artikkelen:

  1. Gjeldende skriftsett
  2. Skriftforhåndsinnstillinger
  3. Avansert redigering
  4. Tilbakestill egendefinerte innstillinger

Du kan administrere skriftene for nettstedet ditt fra utforming (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 tilpassede justeringer av fargepalettalternativer eller avansert redigering, vil du se en 'Endret' (4)-knapp.

  • Ø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).
  • filtre (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.


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.


Meny

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).


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).

Tekst som vises nederst på nettstedet, for eksempel informasjon om opphavsrett, ansvarsfraskrivelser, etc.

    1. Skrift - Velg font for bunnteksten.
    2. Vekt - Angi skriftvekt for bunntekst.
    3. Størrelse - Angi skriftstørrelse for bunntekst.
    4. Avstand mellom bokstavene - Angi mellomrommet mellom bokstavene i bunnteksten.


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.


Finner du ikke det du leter etter?

Ta kontakt med en Pixpa-ekspert.