EN
Zoeken...

Website-lettertypen

Met de instellingen voor de tekststijl van uw website in Pixpa kunt u de typografie op uw hele website beheren. Van koppen en titels tot hoofdtekst en beschrijvingen, u kunt letterstijlen, -groottes en -afstand aanpassen aan de visuele identiteit van uw merk.

Pixpa ondersteunt meer dan 300 lettertypen uit de Google Fonts-bibliotheek, evenals een selectie OFL-gelicentieerde lettertypen die u gratis kunt gebruiken. Door uw tekststijlen aan te passen, kunt u consistentie garanderen en de leesbaarheid op alle pagina's van uw website verbeteren.

In dit artikel:

  1. Huidige lettertypeset
  2. Voorinstellingen voor lettertypen
  3. Geavanceerd bewerken
  4. Aangepaste instellingen opnieuw instellen
  5. Alternatieve lettertypen van Google

Je kunt de lettertypen voor je website beheren via het gedeelte Ontwerp (1).

Zodra je in het gedeelte Ontwerp bent, klik je op het tabblad Lettertypen (2).

Huidige lettertypeset

  • De geselecteerde Voorinstelling lettertype (1) wordt hier weergegeven.
  • U kunt de Titel (2) en paragraaf (3) lettertype voor de geselecteerde voorinstelling.

Opmerking: Wanneer u aangepaste aanpassingen maakt aan de kleurenpaletopties of de geavanceerde bewerkingsopties, ziet u een knop 'Gewijzigd' (4).

  • Bovenste tekst (5) vertegenwoordigt het lettertype Kop.
  • Onderste tekst (6) vertegenwoordigt het lettertype Paragraaf.

Opmerkingen:

  • Het wijzigen van het koplettertype heeft ook invloed op de sitetitel en menu-items.
  • Het wijzigen van het alinealettertype heeft ook gevolgen voor knoppen, galerijen (afbeeldingstitel) en voettekst.

Voorinstellingen voor lettertypen

Lettertypevoorinstellingen zijn vooraf gedefinieerde combinaties van lettertype, lettergroottes, letterafstand en andere typografische instellingen die kunnen worden toegepast op de tekst op de algehele website.

  • U kunt het lettertype eenvoudig globaal wijzigen door een van de Voorinstellingen voor lettertypen (1).
  • Filter (2) de lijst door de voorinstellingen Alles, Serif, Sans Serif of Gemengd te selecteren. Zodra u een filter selecteert, ziet u alleen gerelateerde voorinstellingen.
  • Om een ​​te kiezen Voorinstelling lettertype (3), je hoeft er alleen maar op te klikken en Publiceer (4) de veranderingen.

  • Scroll naar beneden in de lijst met lettertypen om de beschikbare lettertypen te bekijken en te selecteren. OFL-lettertypen.

Geavanceerd bewerken

Vanaf hier kunt u de vooraf ingestelde instellingen overschrijven en de lettertypen voor alle elementen van uw website handmatig beheren.

Je ziet hier de volgende opties:

Pagina Titel

Het is de titel van uw website die als logotekst fungeert als het primaire logo niet beschikbaar is.

Vanaf hier kunt u:

  1. Lettertype - Kies het lettertype voor uw sitetitel.
  2. Gewicht - Kies het lettertypegewicht voor uw sitetitel.
  3. Grootte – Bureaublad – Geef de tekstgrootte op voor uw sitetitel op het bureaublad.
  4. Grootte – Mobiel – Geef de tekstgrootte op voor uw sitetitel op mobiel.
  5. Letterafstand - Stel de ruimte in tussen de letters in de sitetitel.

Menu koptekst

Het is een verzameling pagina's, links, mappen, galerijen, enz. waarmee gebruikers tussen verschillende delen van een website kunnen schakelen.

Hier kunt u het aanpassen :

    1. Lettertype - Geef het lettertype voor de menukoppelingen op.
    2. Gewicht - Kies het lettertypegewicht voor de menulinks.
    3. Maat - Geef de tekstgrootte voor de menukoppelingen op.
    4. Letterafstand - Stel de ruimte tussen de letters in de menulinks in.

    1. Lettertype - Geef het lettertype op voor uw vervolgkeuzemenulinks.
    2. Gewicht - Kies het lettertypegewicht voor vervolgkeuzemenulinks.
    3. Maat - Geef de tekstgrootte op voor vervolgkeuzemenukoppelingen.
    4. Letterafstand - Stel de ruimte in tussen de letters in vervolgkeuzemenulinks.

Rubrieken

Heading-tags zijn van cruciaal belang omdat ze de inhoud helpen structureren, de SEO verbeteren en de toegankelijkheid en leesbaarheid vergroten. Er zijn vier soorten Heading-tags die Pixpa biedt. Dit zijn Kop (H1), Kop (H2), Kop (H3) en Kop (H4).

Vanaf hier kunt u:

  1. Lettertype - Geef de lettertypestijl voor de kop op (H1).
  2. Gewicht - Selecteer het lettertypegewicht voor de kop (H1).
  3. Grootte – Bureaublad – Geef de lettergrootte op van de kop (H1) voor het bureaublad.
  4. Grootte – Mobiel – Geef de lettergrootte van de kop (H1) op voor mobiel.
  5. Lijnhoogte - Specificeer de lijnhoogte van het lettertype voor de kop (H1) (gespecificeerd in termen van em).
  6. Letterafstand - Specificeer de ruimte tussen de letters van de koptekst (H1) (gespecificeerd in termen van em).

Opmerking: Net als bij de koptekst (H1) kunt u de instellingen voor de letterstijlen H2, H3 en H4 aanpassen.

Tekstopvulling (koppen)

  • Koppen – Geef de opvulling voor de koppen op uw website op.

De leden

Het wordt gebruikt om een ​​tekstblok als een alinea te definiëren en te structureren. Dit wordt over het algemeen gebruikt voor beschrijvingen, afbeeldingstitels, bijschriften, voettekst, enz.

Vanaf hier kunt u:

  1. Lettertype - Selecteer de lettertypestijl voor alle alineatekst (normaal, klein en groot).
  2. Gewicht - Selecteer het lettertypegewicht voor alle alineatekst.
  3. P (Normaal) – Bureaublad – Selecteer de normale lettergrootte van alle alineatekst voor het bureaublad.
  4. P (Normaal) – Mobiel – Selecteer de normale lettergrootte van alle alineatekst voor mobiel.
  5. P (Klein) – Bureaublad – Selecteer de kleinere lettergrootte (kleiner dan P (Normaal)) van alle alineatekst voor het bureaublad.
  6. P (Klein) – Mobiel – Selecteer de kleinere lettergrootte (kleiner dan P (normaal)) van alle alineatekst voor mobiel.
  7. P (Groot) – Bureaublad – Selecteer de grotere lettergrootte (groter dan P (normaal)) van alle alineatekst voor het bureaublad.
  8. P (Groot) – Mobiel – Selecteer de grotere lettergrootte (groter dan P (normaal)) van alle alineatekst voor mobiel.
  9. Lijnhoogte - Geef de regelhoogte op van het lettertype voor alineatekst (gespecificeerd in termen van em).
  10. Letterafstand - Specificeer de ruimte tussen de letters van de alineatekst (gespecificeerd in termen van em).

Tekstopvulling (alinea's)

Alinea – Specificeer de opvulling voor de alinea's op uw website.

Knopen

Knoppen zijn elementen waarop u kunt klikken of tikken om specifieke acties uit te voeren, zoals het verzenden van een formulier of het navigeren naar een andere pagina.

Vanaf hier kunt u:

  1. Lettertype - Hier kunt u het lettertype voor de knoptekst kiezen.
  2. Gewicht - Stel vanaf hier de lettertypedikte voor de knoptekst in. Je kunt kiezen tussen normaal, licht en vet.
  3. Grote maat) - Stel de grote lettergrootte voor de knoppen in.
  4. Maat medium) - Stel de gemiddelde lettergrootte voor de knoppen in.
  5. Kleine maat) - Stel de kleine lettergrootte voor de knoppen in.
  6. Letterafstand - Stel vanaf hier de ruimte tussen de letters van de knoptekst in (opgegeven in em).

Dit is de tekst die onderaan een website verschijnt, zoals copyrightinformatie, disclaimers, enz. Met de instellingen voor de voettekst kunt u het uiterlijk van de tekst in de voettekst van uw website aanpassen.

  1. Lettertype - Geef het lettertype voor de voettekst op.
  2. Gewicht - Stel hier het lettertype voor de voettekst in. U kunt kiezen tussen normaal, licht en vet.
  3. Tekstgrootte – Definieer de lettergrootte voor de voettekst.
  4. Menugrootte – Stel de lettergrootte voor menu-items in de voettekst in.
  5. Grootte van sitetitel (bureaublad) – Pas de grootte van de voettekst van de sitetitel aan wanneer u deze op een desktop bekijkt.
  6. Grootte van de sitetitel (mobiel) – Pas de grootte van de voettekst van de sitetitel aan wanneer deze op mobiele apparaten wordt bekeken.
  7. Letterafstand - Geef de ruimte tussen de letters voor de voettekst op (gemeten in em).

Diversen

Dit zijn enkele andere aanpassingsmogelijkheden onder de lettertype-instellingen. Vanuit hier kunt u:

Dit wordt toegepast wanneer u ervoor kiest om afbeeldingstitels weer te geven bij zweven.

    1. Beweeg lettertype – U kunt vanaf hier het lettertype kiezen voor de tekst van de afbeeldingstitel bij het aanwijzen.
    2. Zweefgewicht – Stel hier het lettertypegewicht in voor de titeltekst van de afbeelding. Je kunt kiezen tussen normaal, licht en vet.
    3. Zweefgrootte – Stel vanaf hier de grootte in van de afbeeldingstiteltekst bij het aanwijzen.
    4. Letterafstand - Stel vanaf hier de ruimte in tussen de letters van de titeltekst van de afbeelding (opgegeven in em).

Aangepaste instellingen opnieuw instellen

U kunt de lettertype-instellingen eenvoudig terugzetten naar de standaardinstellingen als u wijzigingen heeft aangebracht in de lettertypeset door deze te bewerken of als u de lettertype-instellingen hebt aangepast vanuit Geavanceerd bewerken.

Je ziet een knop Gewijzigd. Beweeg de cursor over de knop, deze verandert in Reset. U kunt vanaf hier de wijzigingen terugzetten naar het origineel.

Alternatieve lettertypen van Google

Hieronder vind je een paar alternatieve Google-lettertypen voor enkele populaire lettertypen :

  • Brandon Grotesk – Josefin Sans
  • Sofia Pro- Poppins
  • Avenir – Lato or prompt
  • Proxima Nova - Montserrat or Roboto
  • Proxima Zacht – nunito
  • DIN- Barlow
  • Handvest - Bron Serif Pro
  • Helvetica Neue – Roboto or Werk zonder
  • Whitney- katamaran or Hinde
  • Gotham- Montserrat
  • Tisa-serif – NL schreef
  • Museo plaat - Zilla-plaat or Roboto Slab
  • optima- Arsenaal
  • Skolar – Bron Serif
  • Brief gotisch – Fira Mono
  • Segoe-gebruikersinterface - Open zonder
  • Futura – Muli
  • Gibson- Noto zonder
  • Zona Pro- Poppins
  • Minion - Crimson-tekst
  • Mostra Nuova – Josefin Sans
  • geogrotesk – Leger
  • Baskerville – Gratis Baskerville
  • schildwacht - dominee
  • Neuzen – Hinde
  • molenaar – April Fatface
Tagged:

Kun je iets niet vinden?

Neem contact op met een Pixpa Expert.

Contact
Pixpa Studio is onlangs vernieuwd. We werken momenteel alle schermafbeeldingen in de helpartikelen bij.