Verkkosivuston fontit

Fontit ovat ratkaisevassa roolissa verkkosivuilla, sillä ne vaikuttavat luettavuuteen, välittävät brändin identiteettiä ja parantavat yleistä käyttökokemusta.

Tässä artikkelissa:

  1. Nykyinen fonttisarja
  2. Fontin esiasetukset
  3. Edistynyt muokkaus
  4. Palauta mukautetut asetukset

Voit hallita verkkosivustosi fontteja Malli (1) jakso.

Kun olet Suunnittelu-osiossa, napsauta Fontit (2) -välilehti.


Nykyinen fonttisarja

  • Valittu Fontti esiasetettu (1) näytetään tässä.
  • Voit muokata Otsikko (2) ja Kohta (3) fontti valitulle esiasetukselle.

Huomautus: Kun teet mukautettuja säätöjä väripalettiasetuksiin tai lisämuokkaukseen, näet Muokattu-painikkeen (4).

  • Ylempi teksti (5) edustaa Otsikko-fonttia.
  • Alempi teksti (6) edustaa kappaleen kirjasinta.

Huomautuksia:

  • Otsikon kirjasimen muuttaminen vaikuttaa myös sivuston otsikkoon ja valikkoon.
  • Kappaleen kirjasimen muuttaminen vaikuttaa myös painikkeisiin, gallerioihin (kuvan otsikkoon) ja alatunnisteen tekstiin.


Fontin esiasetukset

Fontin esiasetukset ovat kirjasintyypin, kirjasinkokojen, kirjainten välien ja muiden typografisten asetusten ennalta määritettyjä yhdistelmiä, joita voidaan soveltaa koko verkkosivuston tekstiin.

  • Voit helposti vaihtaa fontin maailmanlaajuisesti valitsemalla minkä tahansa Fontin esiasetukset (1).
  • Suodattaa (2) luettelo valitsemalla Kaikki, Serif, Sans Serif tai Mixed presets. Kun olet valinnut suodattimen, näet vain siihen liittyvät esiasetukset.
  • Valitse a Fontti esiasetettu (3), sinun tarvitsee vain napsauttaa sitä ja julkaista (4) muutokset.


Edistynyt muokkaus

Täältä voit ohittaa esiasetetut asetukset ja hallita sivustosi kaikkien elementtien kirjasimia manuaalisesti.

Näet täällä seuraavat vaihtoehdot:


sivuston otsikko

Web-sivustosi otsikko toimii logotekstina, jos ensisijaista logoa ei ole saatavilla.

alkaen tätä voit:

  1. Fontti - Valitse fontti sivustosi otsikoksi.
  2. Paino - Valitse sivustosi otsikon fontin paino.
  3. Koko – pöytäkone – Määritä sivustosi otsikon tekstin koko työpöydällä.
  4. Koko – mobiili – Määritä sivustosi otsikon tekstikoko mobiililaitteella.
  5. Kirjainväli - Aseta tilaa kirjainten väliin sivuston otsikossa.


valikko

Se on kokoelma sivuja, linkkejä, kansioita, gallerioita jne., joiden avulla käyttäjät voivat liikkua verkkosivuston eri osien välillä.

alkaen tätä, voit mukauttaa:

    1. Fontti - Määritä valikkolinkkien fontti.
    2. Paino - Valitse valikkolinkkien fontin paino.
    3. Koko - Määritä valikkolinkkien tekstin koko.
    4. Kirjainväli - Aseta kirjainten väli valikkolinkeissä.

    1. Fontti - Määritä avattavan valikon linkkien fontti.
    2. Paino - Valitse pudotusvalikon linkkien fontin paino.
    3. Koko - Määritä tekstin koko pudotusvalikon linkeille.
    4. Kirjainväli - Aseta kirjainten välinen tila pudotusvalikon linkeissä.


Otsikot

Otsikkotunnisteet ovat tärkeitä, koska ne auttavat jäsentämään sisältöä, parantavat hakukoneoptimointia, parantavat saavutettavuutta ja luettavuutta. Pixpan tarjoamia otsikkotunnisteita on neljää tyyppiä. Ne ovat Otsikko (H1), Otsikko (H2), Otsikko (H3) ja Otsikko (H4).

alkaen tätä voit:

  1. Fontti - Määritä otsikon kirjasintyyli (H1).
  2. Paino - Valitse otsikon fontin paino (H1).
  3. Koko – pöytäkone – Määritä työpöydän otsikon fonttikoko (H1).
  4. Koko – mobiili – Määritä otsikon fonttikoko (H1) mobiililaitteille.
  5. Viivankorkeus - Määritä otsikon (H1) fontin rivin korkeus (määritetty em:nä).
  6. Kirjainväli - Määritä välilyönnit otsikon (H1) tekstin kirjainten välillä (määritelty em:inä).

Huomautus: Kuten Otsikko (H1), voit mukauttaa H2-, H3- ja H4-kirjasintyylejä koskevia asetuksia.

Tekstin täyte (otsikot)

  • Otsikot – Määritä sivustosi otsikoiden täyttö.


kappaleissa

Sitä käytetään määrittämään ja jäsentämään tekstilohko kappaleeksi. Tätä käytetään yleensä kuvauksissa, kuvien otsikoissa, kuvateksteissä, alatunnisteteksteissä jne.

alkaen tätä voit:

  1. Fontti - Valitse koko kappaletekstin kirjasintyyli (normaali, pieni ja suuri).
  2. Paino - Valitse koko kappaletekstin fontin paino.
  3. P (normaali) – pöytäkone – Valitse työpöydän koko kappaletekstin Normaali fonttikoko.
  4. P (normaali) – matkapuhelin – Valitse koko kappaletekstin Normaali fonttikoko mobiililaitteille.
  5. P (pieni) – pöytäkone – Valitse koko työpöydän kappaletekstin pienempi kirjasinkoko (pienempi kuin P (Normaali)).
  6. P (pieni) – mobiili – Valitse mobiililaitteen koko kappaletekstin pienempi kirjasinkoko (pienempi kuin P (Normaali)).
  7. P (suuri) – pöytäkone – Valitse työpöydän koko kappaletekstin suurempi kirjasinkoko (suurempi kuin P (Normaali)).
  8. P (suuri) – matkapuhelin – Valitse mobiililaitteen koko kappaletekstin suurempi fonttikoko (suurempi kuin P (Normaali)).
  9. Viivankorkeus - Määritä kappaletekstin fontin rivinkorkeus (määritetty em:inä).
  10. Kirjainväli - Määritä kappaletekstin kirjainten välinen väli (määritetty em:nä).


Tekstin täyte (kappaleet)

Kappale - Määritä verkkosivustosi kappaleiden täyte.


painikkeet

Painikkeet ovat elementtejä, joita voit napsauttaa tai napauttaa suorittaaksesi tiettyjä toimintoja, kuten lähettääksesi lomakkeen tai siirtyäksesi toiselle sivulle.

alkaen tätä voit:

  1. Fontti - Voit valita painikkeen tekstin fontin täältä.
  2. Paino - Aseta painikkeen tekstin fontin paino tästä. Voit valita normaalin, kevyen ja rohkean välillä.
  3. Koko (suuri) - Aseta painikkeiden suuri fonttikoko.
  4. Koko (Medium) - Aseta painikkeiden keskikokoinen kirjasinkoko.
  5. Koko (pieni) - Aseta painikkeiden pieni fonttikoko.
  6. Kirjainväli - Aseta tila näppäintekstin kirjainten väliin tästä (määritetty em:ssä).


sekalainen

Nämä ovat joitain muita mukautuksia Fontti-asetuksissa. From tätä voit:

Tätä käytetään, kun päätät näyttää kuvien otsikot hiirellä.

    1. Hover Font - Voit valita fontin kuvan otsikkotekstille viemällä hiiri tästä.
    2. Hover paino - Aseta kuvan otsikkotekstin fontin paino tästä. Voit valita normaalin, kevyen ja rohkean välillä.
    3. Hover koko - Aseta tästä kuvan otsikkotekstin koko.
    4. Kirjainväli - Aseta kuvan otsikkotekstin kirjainten välinen tila tästä (määritetty em:ssä).

Web-sivuston alareunassa näkyvä teksti, kuten tekijänoikeustiedot, vastuuvapauslausekkeet jne.

    1. Fontti - Valitse alatunnisteen tekstin fontti.
    2. Paino - Aseta fontin paino alatunnisteen tekstille.
    3. Koko - Aseta fontin koko alatunnisteen tekstille.
    4. Kirjainväli - Määritä alatunnisteen tekstin kirjainten välinen tila.


Palauta mukautetut asetukset

Voit helposti palauttaa fonttiasetukset oletusasetuksiin, jos olet tehnyt muutoksia fonttiasetuksiin muokkaamalla sitä tai jos olet mukauttanut kirjasinasetuksia Lisämuokkaus-kohdasta.

Näet Muokattu-painikkeen. Vie kursori painikkeen päälle, se muuttuu Reset-tilaan. Voit palauttaa muutokset alkuperäisiksi tästä.


Etkö löydä etsimääsi?

Ota yhteyttä Pixpa-asiantuntijaan.