EN
Søger...

Hjemmeside skrifttyper

The Website Text Style settings in Pixpa allow you to control the typography across your entire website. From headings and titles to body text and descriptions, you can customize font styles, sizes, and spacing to match your brand’s visual identity.

Pixpa supports 300 plus fonts from the Google Fonts repository, along with a selection of OFL licensed fonts that you can use freely. By adjusting your text styles, you can ensure consistency and improve readability across all pages of your website.

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 Design (1) afsnit.

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

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: Upon making custom adjustments to the Color Palette Options or Advanced Edit, you will see a ‘Modified’ (4) knap.

  • Ø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.

  • Scroll to the bottom of the font list to access and select from the available OFL fonts.

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.

Fra link. 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.

Fra link., 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).

Fra link. 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: I lighed med Overskrift (H1) kan du tilpasse indstillinger 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.

Fra link. 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 udfyldningen 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.

Fra link. 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å hjemmesiden, såsom oplysninger om ophavsret, ansvarsfraskrivelser osv. Indstillinger for sidefodstekst giver dig mulighed for at tilpasse udseendet af teksten i sidefoden på dit websted.

  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

Dette er nogle andre tilpasninger under skrifttypeindstillingerne. Fra link. 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 for 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