Le impostazioni di stile del testo del sito web in Pixpa ti consentono di controllare la tipografia dell'intero sito. Da intestazioni e titoli a testo del corpo e descrizioni, puoi personalizzare stili, dimensioni e spaziatura dei caratteri per adattarli all'identità visiva del tuo marchio.
Pixpa supporta oltre 300 font dal repository di Google Fonts, oltre a una selezione di font con licenza OFL che puoi utilizzare liberamente. Regolando gli stili del testo, puoi garantire uniformità e migliorare la leggibilità in tutte le pagine del tuo sito web.
In questo articolo:
- Set di caratteri corrente
- Preimpostazioni dei caratteri
- Modifica avanzata
- Ripristina le impostazioni personalizzate
- Caratteri alternativi da Google
Puoi gestire i caratteri per il tuo sito web da Design (1) sezione.
Una volta entrato nella sezione Design, fai clic su Caratteri (2) scheda.
Set di caratteri corrente
- Il selezionato Preimpostazione del carattere (1) verrà visualizzato qui.
- Puoi personalizzare il Titolo (2) e paragrafo (3) carattere per la preimpostazione selezionata.
Nota: Dopo aver apportato modifiche personalizzate alle Opzioni tavolozza colori o alla Modifica avanzata, vedrai un 'Modificato' Pulsante (4).
- Testo superiore (5) rappresenta il carattere dell'intestazione.
- Testo inferiore (6) rappresenta il carattere del paragrafo.
Note:
- La modifica del carattere dell'intestazione influirà anche sul titolo del sito e sulle voci del menu.
- La modifica del carattere del paragrafo influirà anche sui pulsanti, sulle gallerie (titolo dell'immagine) e sul testo del piè di pagina.
Preimpostazioni dei caratteri
Le preimpostazioni dei caratteri sono combinazioni predefinite di tipo di carattere, dimensioni dei caratteri, spaziatura delle lettere e altre impostazioni tipografiche che possono essere applicate al testo nel sito Web in generale.
- Puoi facilmente modificare il carattere a livello globale selezionando uno qualsiasi dei Preimpostazioni dei caratteri (1).
- Filtra (2) l'elenco selezionando Tutte, Serif, Sans Serif o Preimpostazioni miste. Una volta selezionato un filtro, vedrai solo le relative preimpostazioni.
- Per scegliere un Preimpostazione del carattere (3), è sufficiente cliccarci sopra e Pubblica (4) le modifiche.
- Scorri fino in fondo all'elenco dei caratteri per accedere e selezionare quelli disponibili Caratteri OFL.
Modifica avanzata
Da qui puoi sovrascrivere le impostazioni preimpostate e gestire manualmente i caratteri per tutti gli elementi del tuo sito web.
Qui vedrai le seguenti opzioni:
Titolo del sito
È il titolo del tuo sito web che funge da testo del logo se il logo principale non è disponibile.
Da Qui. puoi:
- Carattere - Scegli il carattere per il titolo del tuo sito.
- Peso - Scegli lo spessore del carattere per il titolo del tuo sito.
- Dimensioni – Desktop – Specifica la dimensione del testo per il titolo del tuo sito sul desktop.
- Dimensioni – Cellulare – Specifica la dimensione del testo per il titolo del tuo sito su dispositivi mobili.
- Spaziatura del carattere - Imposta lo spazio tra le lettere nel titolo del sito.
Menu intestazione
È una raccolta di pagine, collegamenti, cartelle, gallerie, ecc. che consentono agli utenti di spostarsi tra le diverse sezioni di un sito Web.
Da Qui., puoi personalizzare:
-
Menu principale
- Carattere - Specificare il carattere per i collegamenti del menu.
- Peso - Scegli lo spessore del carattere per i collegamenti del menu.
- Taglia - Specificare la dimensione del testo per i collegamenti del menu.
- Spaziatura del carattere - Imposta lo spazio tra le lettere nei collegamenti del menu.
-
Menu a discesa
- Carattere - Specifica il carattere per i collegamenti del menu a discesa.
- Peso - Scegli lo spessore del carattere per i collegamenti del menu a discesa.
- Taglia - Specificare la dimensione del testo per i collegamenti del menu a discesa.
- Spaziatura del carattere - Imposta lo spazio tra le lettere nei collegamenti del menu a discesa.
Titoli
I tag di intestazione sono cruciali poiché aiutano a strutturare il contenuto, migliorano il SEO, migliorano l'accessibilità e la leggibilità. Esistono quattro tipi di tag di intestazione forniti da Pixpa. Sono Titolo (H1), Titolo (H2), Titolo (H3) e Titolo (H4).
Da Qui. puoi:
- Carattere - Specificare lo stile del carattere per l'intestazione (H1).
- Peso - Seleziona lo spessore del carattere per l'intestazione (H1).
- Dimensioni – Desktop – Specificare la dimensione del carattere dell'intestazione (H1) per il desktop.
- Dimensioni – Cellulare – Specificare la dimensione del carattere dell'intestazione (H1) per dispositivi mobili.
- Altezza della linea - Specificare l'altezza della linea del carattere per l'intestazione (H1) (specificata in termini di em).
- Spaziatura del carattere - Specificare lo spazio tra le lettere del testo dell'intestazione (H1) (specificato in termini di em).
Nota: Similmente all'Intestazione (H1), puoi personalizzare le impostazioni per gli stili di carattere H2, H3 e H4.
Riempimento del testo (titoli)
- Intestazioni – Specifica il riempimento per i titoli del tuo sito web.
I paragrafi
Viene utilizzato per definire e strutturare un blocco di testo come un paragrafo. Viene generalmente utilizzato per descrizioni, titoli di immagini, didascalie, testo a piè di pagina, ecc.
Da Qui. puoi:
- Carattere - Seleziona lo stile del carattere per tutto il testo dei paragrafi (normale, piccolo e grande).
- Peso - Seleziona lo spessore del carattere per tutto il testo dei paragrafi.
- P (Normale) – Desktop – Seleziona la dimensione del carattere Normale di tutto il testo dei paragrafi per il desktop.
- P (Normale) – Cellulare – Seleziona la dimensione del carattere Normale di tutto il testo dei paragrafi per dispositivi mobili.
- P (Piccolo) – Desktop – Selezionare la dimensione del carattere più piccola (meno di P (Normale)) di tutto il testo dei paragrafi per il desktop.
- P (Piccolo) – Cellulare – Seleziona la dimensione del carattere più piccola (meno di P (Normale)) di tutto il testo dei paragrafi per dispositivi mobili.
- P (grande) – Desktop – Selezionare la dimensione del carattere più grande (più grande di P (Normale)) di tutto il testo dei paragrafi per il desktop.
- P (Grande) – Mobile – Seleziona la dimensione del carattere più grande (più grande di P (Normale)) di tutto il testo del paragrafo per dispositivi mobili.
- Altezza della linea - Specificare l'altezza della riga del carattere per il testo del paragrafo (specificata in termini di em).
- Spaziatura del carattere - Specificare lo spazio tra le lettere del testo del paragrafo (specificato in termini di em).
Riempimento del testo (paragrafi)
Paragrafo – Specifica il riempimento per i paragrafi sul tuo sito web.
Bottoni
I pulsanti sono elementi su cui puoi fare clic o toccare per eseguire azioni specifiche, come l'invio di un modulo o la navigazione in un'altra pagina.
Da Qui. puoi:
- Carattere - Puoi scegliere il carattere per il testo del pulsante da qui.
- Peso - Imposta lo spessore del carattere per il testo del pulsante da qui. Puoi scegliere tra normale, chiaro e grassetto.
- Dimensioni (grande) – Imposta la dimensione del carattere grande per i pulsanti.
- Taglia (media) – Imposta la dimensione media del carattere per i pulsanti.
- Taglia piccola) - Imposta la dimensione del carattere piccolo per i pulsanti.
- Spaziatura del carattere - Imposta lo spazio tra le lettere del testo del pulsante da qui (specificato in em).
footer
Questo è il testo che appare in fondo al sito web, come informazioni sul copyright, dichiarazioni di non responsabilità, ecc. Impostazioni del testo del piè di pagina consentono di personalizzare l'aspetto del testo nel piè di pagina del tuo sito web.
- Carattere - Specificare lo stile del carattere per il testo del piè di pagina.
- Peso - Da qui puoi impostare il peso del carattere per il testo del piè di pagina. Puoi scegliere tra normale, chiaro e grassetto.
- Dimensione del testo – Definisci la dimensione del carattere per il testo del piè di pagina.
- Dimensione del menu – Imposta la dimensione del carattere per le voci di menu del piè di pagina.
- Dimensione del titolo del sito (desktop) – Regola le dimensioni del titolo del piè di pagina del sito quando viene visualizzato sul desktop.
- Dimensione del titolo del sito (dispositivo mobile) – Regola le dimensioni del titolo del piè di pagina del sito quando viene visualizzato su dispositivi mobili.
- Spaziatura del carattere - Specificare lo spazio tra le lettere per il testo del piè di pagina (misurato in em).
Miscellanea
Queste sono alcune altre personalizzazioni nelle impostazioni dei caratteri. Da Qui. puoi:
Titolo dell'immagine della galleria
Questo viene applicato quando scegli di mostrare i titoli delle immagini al passaggio del mouse.
-
- Carattere al passaggio del mouse – Puoi scegliere il carattere per il testo del titolo dell'immagine al passaggio del mouse da qui.
- Peso al passaggio del mouse – Imposta lo spessore del carattere per il testo del titolo dell'immagine da qui. Puoi scegliere tra normale, chiaro e grassetto.
- Dimensione al passaggio del mouse – Imposta la dimensione del testo del titolo dell'immagine al passaggio del mouse da qui.
- Spaziatura del carattere - Imposta lo spazio tra le lettere del testo del titolo dell'immagine da qui (specificato in em).
Ripristina le impostazioni personalizzate
Puoi ripristinare facilmente le impostazioni predefinite dei caratteri se hai apportato modifiche al set di caratteri modificandolo o se hai personalizzato le impostazioni dei caratteri da Modifica avanzata.
Vedrai un pulsante Modificato. Passa il cursore sul pulsante, cambierà in Ripristina. Puoi ripristinare le modifiche all'originale da qui.
Caratteri alternativi da Google
Ecco alcuni caratteri Google alternativi per alcuni caratteri popolari:
- Brandon grottesco – Josefin Sans
- Sofia Pro – Poppins
- Avvenire – Lato or Richiesta
- Prossima Nova – Montserrat or Roboto
- prossima morbida – Nunito
- BACCANO – Barlow
- Carta – Fonte Serif Pro
- Helvetica Nuova – Roboto or Lavora in Sans
- Whitney – Catamarano or Hind
- Gotham- Montserrat
- Tisa Serif – PT Serif
- Museo Lastra – Lastra Zilla or Roboto Slab
- Ottima – Arsenal
- Scolare – Fonte Serif
- Lettera gotica – Fira Mono
- Interfaccia utente di Segoe – Apri sans
- Futuro – Muli
- Gibson- Noto sans
- Zona Pro – Poppins
- servitore – Testo cremisi
- Mostra Nuova – Josefin Sans
- Geogrottesco – Armata
- Baskerville – Baskerville gratuito
- Sentinella – Domine
- Neuzeit – Hind
- Mugnaio – Abril Fatface