EN
Søger...

Hjemmeside skrifttyper

Indstillingerne for hjemmesidetekststil i Pixpa giver dig mulighed for at kontrollere typografien på tværs af hele dit websted. Fra overskrifter og titler til brødtekst og beskrivelser kan du tilpasse skrifttyper, størrelser og afstand, så de matcher dit brands visuelle identitet.

Pixpa understøtter over 300 skrifttyper fra Google Fonts-arkivet, sammen med et udvalg af OFL-licenserede skrifttyper, som du frit kan bruge. Ved at justere dine tekststile kan du sikre ensartethed og forbedre læsbarheden på tværs af alle sider på dit websted.

I denne artikel:

  1. Aktuelt skrifttypesæt
  2. Font Presets
  3. Avanceret redigering
  4. Nulstil brugerdefinerede indstillinger
  5. Alternative skrifttyper fra Google

Du kan administrere skrifttyperne til din hjemmeside fra sektionen Design (1).

Når du er inde i Design-sektionen, skal du klikke på fanen Skrifttyper (2).

Aktuelt skrifttypesæt

  • Den valgte Forudindstillet skrifttype (1) vil blive vist her.
  • Du kan tilpasse Overskrift (2) og Stk (3) skrifttype for den valgte forudindstilling.

Bemærk: Når du foretager brugerdefinerede justeringer af farvepalettens indstillinger eller avanceret redigering, vil du se knappen 'Ændret' (4).

  • Øverste tekst (5) repræsenterer skrifttypen Overskrift.
  • Nederste tekst (6) repræsenterer skrifttypen Afsnit.

Bemærkninger:

  • Ændring af skrifttypen Overskrift vil også påvirke webstedets titel og menupunkter.
  • Ændring af afsnitsskrifttypen vil også påvirke knapper, gallerier (billedtitel) og sidefodstekst.

Font Presets

Font Presets er foruddefinerede kombinationer af skrifttype, skriftstørrelser, bogstavmellemrum og andre typografiske indstillinger, der kan anvendes på teksten på det overordnede websted.

  • Du kan nemt ændre skrifttypen globalt ved at vælge en af ​​de Forudindstillinger for skrifttype (1).
  • Filtrer (2) listen ved at vælge Alle, Serif, Sans Serif eller Blandede forudindstillinger. Når du har valgt et filter, vil du kun se relaterede forudindstillinger.
  • At vælge en Forudindstillet skrifttype (3), du skal blot klikke på den og Udgiv (4) ændringerne.

  • Rul ned til bunden af ​​skrifttypelisten for at få adgang til og vælge fra de tilgængelige OFL-skrifttyper.

Avanceret redigering

Herfra kan du tilsidesætte de forudindstillede indstillinger og administrere skrifttyperne for alle elementerne på dit websted manuelt.

Du vil se følgende muligheder her:

Webstitstitel

Det er titlen på din hjemmeside, der fungerer som logotekst, hvis det primære logo ikke er tilgængeligt.

Herfra kan du :

  1. Skrifttype – Vælg skrifttypen til dit websteds titel.
  2. Vægt - Vælg skrifttypevægten til dit websteds titel.
  3. Størrelse – Desktop – Angiv tekststørrelsen for dit websteds titel på skrivebordet.
  4. Størrelse – Mobil – Angiv tekststørrelsen for dit websteds titel på mobilen.
  5. Bogstavafstand – Indstil mellemrummet mellem bogstaverne i webstedets titel.

Sidehovedmenu

Det er en samling af sider, links, mapper, gallerier osv., der gør det muligt for brugere at flytte mellem forskellige sektioner af en hjemmeside.

Herfra kan du tilpasse :

    1. Skrifttype – Angiv skrifttypen for menulinkene.
    2. Vægt - Vælg skrifttypevægten til menulinkene.
    3. Størrelse - Angiv tekststørrelsen for menulinkene.
    4. Bogstavafstand – Indstil mellemrummet mellem bogstaverne i menulinkene.

    1. Skrifttype – Angiv skrifttypen til dine dropdown-menulinks.
    2. Vægt - Vælg skrifttypevægten for links i rullemenuen.
    3. Størrelse - Angiv tekststørrelsen for links i rullemenuen.
    4. Bogstavafstand – Indstil mellemrummet mellem bogstaverne i dropdown menu links.

Overskrifter

Overskriftstags er afgørende, da de hjælper med at strukturere indholdet, forbedrer SEO, forbedrer tilgængelighed og læsbarhed. Der er fire typer overskriftstags, som Pixpa leverer. De er Overskrift (H1), Overskrift (H2), Overskrift (H3) og Overskrift (H4).

Herfra kan du :

  1. Skrifttype – Angiv skrifttypen for overskriften (H1).
  2. Vægt - Vælg skrifttypevægten for overskriften (H1).
  3. Størrelse – Desktop – Angiv skriftstørrelsen på overskriften (H1) til skrivebordet.
  4. Størrelse – Mobil – Angiv skriftstørrelsen på overskriften (H1) for mobil.
  5. Linjehøjde - Angiv linjehøjden for skrifttypen til overskrift (H1) (angivet i form af em).
  6. Bogstavafstand – Angiv mellemrummet mellem bogstaverne i overskriftsteksten (H1) (angivet som em).

Bemærk: Ligesom med overskriften (H1) kan du tilpasse indstillingerne for skrifttyperne H2, H3 og H4.

Tekstudfyldning (overskrifter)

  • Overskrifter – Angiv udfyldningen for overskrifterne på dit websted.

Stk

Det bruges til at definere og strukturere en tekstblok som et afsnit. Dette bruges generelt til beskrivelser, billedtitler, billedtekster, sidefodstekst osv.

Herfra kan du :

  1. Skrifttype – Vælg skrifttypen for al afsnitstekst (normal, lille og stor).
  2. Vægt - Vælg skrifttypevægten for al afsnitstekst.
  3. P (Normal) – Desktop – Vælg den normale skriftstørrelse for al afsnitstekst til skrivebordet.
  4. P (Normal) – Mobil – Vælg den normale skriftstørrelse for al afsnitstekst til mobil.
  5. P (lille) – Desktop – Vælg den mindre skriftstørrelse (mindre end P (Normal)) for al afsnitstekst til skrivebordet.
  6. P (Lille) – Mobil – Vælg den mindre skriftstørrelse (mindre end P (Normal)) for al afsnitstekst til mobil.
  7. P (stor) – Desktop – Vælg den større skriftstørrelse (større end P (Normal)) af al afsnitstekst til skrivebordet.
  8. P (stor) – Mobil – Vælg den større skriftstørrelse (større end P (Normal)) for al afsnitstekst til mobil.
  9. Linjehøjde - Angiv linjehøjden på skrifttypen for afsnitstekst (specificeret i form af em).
  10. Bogstavafstand – Angiv mellemrummet mellem bogstaverne i afsnitsteksten (specificeret i form af em).

Tekstudfyldning (afsnit)

Afsnit – Angiv margen for afsnittene på dit websted.

Knapper

Knapper er elementer, som du kan klikke eller trykke på for at udføre specifikke handlinger, såsom at indsende en formular eller navigere til en anden side.

Herfra kan du :

  1. Skrifttype – Du kan vælge skrifttype til knapteksten herfra.
  2. Vægt - Indstil skrifttypevægten for knapteksten herfra. Du kan vælge mellem normal, let og fed.
  3. Størrelse (Large) – Indstil den store skriftstørrelse for knapperne.
  4. Størrelse (medium) – Indstil den mellemstore skriftstørrelse for knapperne.
  5. Størrelse (lille) – Indstil den lille skriftstørrelse for knapperne.
  6. Bogstavafstand – Indstil mellemrummet mellem bogstaverne i knapteksten herfra (angivet i em).

Dette er den tekst, der vises nederst på webstedet, f.eks. oplysninger om ophavsret, ansvarsfraskrivelser osv. Med indstillingerne for sidefodstekst kan du tilpasse udseendet af teksten i dit websteds sidefod.

  1. Skrifttype – Angiv skrifttypestilen for sidefodsteksten.
  2. Vægt - Indstil skrifttykkelsen for sidefoden herfra. Du kan vælge mellem normal, lys og fed.
  3. Tekststørrelse – Definer skriftstørrelsen for sidefodsteksten.
  4. Menustørrelse – Angiv skriftstørrelsen for menupunkter i sidefoden.
  5. Størrelse på webstedstitel (skrivebord) – Juster størrelsen på sidefoden i webstedets titel, når den vises på en computer.
  6. Størrelse på webstedstitel (mobil) – Juster størrelsen på sidefodens titel, når den vises på mobile enheder.
  7. Bogstavafstand – Angiv afstanden mellem bogstaverne i sidefodstekst (målt i em).

Diverse

Her er nogle andre tilpasninger under Skrifttypeindstillingerne. Herfra kan du:

Dette anvendes, når du vælger at vise billedtitler, når du svæver.

    1. Hover skrifttype – Du kan vælge skrifttypen til billedtitelteksten, når du svæver herfra.
    2. Svævevægt – Indstil skrifttypevægten for billedtitelteksten herfra. Du kan vælge mellem normal, let og fed.
    3. Hover størrelse – Indstil størrelsen på billedtitelteksten, når du svæver herfra.
    4. Bogstavafstand – Indstil mellemrummet mellem bogstaverne i billedtitelteksten herfra (angivet i em).

Nulstil brugerdefinerede indstillinger

Du kan nemt nulstille skrifttypeindstillingerne til standard, hvis du har foretaget ændringer i skrifttypesættet ved at redigere det, eller hvis du har tilpasset skrifttypeindstillingerne fra Avanceret redigering.

Du vil se en ændret knap. Hold markøren over knappen, den skifter til Nulstil. Du kan nulstille ændringerne til original herfra.

Alternative skrifttyper fra Google

Her er et par alternative Google-skrifttyper til nogle populære skrifttyper :

  • Brandon Grotesque – Josefin Sans
  • Sofia Pro – Poppins
  • Avenir – Lato or Hurtig
  • Proxima Nova - Montserrat or Roboto
  • Proxima Soft – nunito
  • DIN – Barlow
  • Charter - Kilde Serif Pro
  • Helvetica Neue – Roboto or Arbejde Sans
  • Whitney – Catamaran or Hind
  • Gotham – Montserrat
  • Tisa Serif – EN serif
  • Museo Slab - Zilla plade or Roboto Slab
  • Optima – Arsenal
  • Skole – Kilde Serif
  • Bogstavgotisk – Fira Mono
  • Segoe UI – Åben sans
  • Futura – Multi
  • Gibson – Noto sans
  • Zona Pro – Poppins
  • Minion - Crimson tekst
  • Mostra Nuova – Josefin Sans
  • Geogrotesk – Hær
  • Baskerville – Gratis Baskerville
  • Vagtpost - Pastor
  • Neuzeit – Hind
  • Miller – April Fatface
Tagged:

Kan du ikke finde det, du leder efter?

Kom i kontakt med en Pixpa-ekspert.

Kontakt os
Pixpa Studio er netop blevet opdateret. Vi opdaterer i øjeblikket alle skærmbilleder af hjælpeartikler.