Verkkosivuston fontit

Pixpan verkkosivuston tekstityyliasetukset mahdollistavat koko verkkosivustosi typografian hallinnan. Otsikoista ja otsikoista leipätekstiin ja kuvauksiin voit mukauttaa fonttityylejä, kokoja ja välistyksiä vastaamaan brändisi visuaalista identiteettiä.

Pixpa tukee yli 300 fonttia Google Fonts -arkistosta sekä valikoiman OFL-lisensoituja fontteja, joita voit käyttää vapaasti. Muokkaamalla tekstityylejäsi voit varmistaa yhdenmukaisuuden ja parantaa luettavuutta kaikilla verkkosivustosi sivuilla.

Tässä artikkelissa:

  1. Nykyinen fonttisarja
  2. Fontin esiasetukset
  3. Edistynyt muokkaus
  4. Palauta mukautetut asetukset
  5. Vaihtoehtoisia kirjasimia Googlelta

Voit hallita verkkosivustosi fontteja Ulkoasu (1) -osiossa.

Kun olet Design-osiossa, napsauta Fontit (2) -välilehteä.


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' (4) -painikkeen.

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

  • Vieritä fonttiluettelon loppuun päästäksesi käsiksi ja valitaksesi käytettävissä olevista fonteista. OFL-fontit.


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.

Täältä 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.


Otsikko -valikko

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

Täältä 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).

Täältä 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: Samoin kuin otsikon (H1) kohdalla, voit mukauttaa H2-, H3- ja H4-fonttityylien 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.

Täältä 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äyttö.


painikkeet

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

Täältä 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ä).


Tämä on teksti, joka näkyy verkkosivuston alareunassa, kuten tekijänoikeustiedot, vastuuvapauslausekkeet jne. Alatunnisteen tekstiasetuksilla voit mukauttaa verkkosivustosi alatunnisteen tekstin ulkoasua.

  1. Fontti - Määritä alatunnisteen tekstin fonttityyli.
  2. Paino - Aseta alatunnisteen tekstin fontin paksuus tästä. Voit valita normaalin, vaalean ja lihavoinnin.
  3. Tekstin koko - Määritä alatunnisteen tekstin fonttikoko.
  4. Valikon koko – Aseta alatunnisteen valikkokohtien fonttikoko.
  5. Sivuston otsikon koko (työpöytä) – Säädä alatunnisteen sivuston otsikon kokoa työpöytäversiossa.
  6. Sivuston otsikon koko (mobiili) – Säädä alatunnisteen sivuston otsikon kokoa mobiililaitteilla katseltaessa.
  7. Kirjainväli - Määritä alatunnisteen tekstin kirjainten välinen tila (mitattuna em-merkeinä).


sekalainen

Fonttiasetuksissa on muita mukautusvaihtoehtoja. Täältä 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ä).


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


Vaihtoehtoisia kirjasimia Googlelta

Tässä on muutamia vaihtoehtoisia Google-fontteja joillekin suosituille fonteille :

  • Brandon Grotesque - Josefin sans
  • Sofia Pro - Poppanen
  • Avenir - lato or nopea
  • Proxima Nova - montserrat or Roboto
  • Proxima Soft - nunito
  • DIN - Barlow
  • Peruskirja - Lähde Serif Pro
  • Helvetica Neue – Roboto or Työ Sans
  • Whitney - Katamaraani or taka-
  • Gotham - montserrat
  • Tisa Serif - FI serif
  • Museo Slab - Zillan laatta or Roboto-levy
  • Optima - Arsenal
  • Skolar - Lähde Serif
  • Gothic kirjain - Fira Mono
  • Segoe UI - Avoin ilman
  • Futura - muuli
  • Gibson - Noto sans
  • Zona Pro - Poppanen
  • Minion - Punainen teksti
  • Mostra Nuova - Josefin sans
  • Geogroteski - Armahtaa
  • Baskerville – Ilmainen Baskerville
  • Sentinel - Dominoitunut
  • Neuzeit – taka-
  • Miller – Huhtikuun rasva

Etkö löydä etsimääsi?

Ota yhteyttä Pixpa-asiantuntijaan.

Pixpa Studio on juuri uudistettu. Päivitämme parhaillaan kaikkien ohjeartikkeleiden kuvakaappauksia.