Dai personalità al tuo sito con tipi di carattere personalizzati e adatti al tuo brand

Per usare un tipo di carattere non ancora disponibile su Squarespace, caricalo negli Stili sito per usarlo ovunque sul tuo sito. Questo è un ottimo modo per valorizzare il tuo brand oltre alle nostre opzioni di tipi di carattere integrate.

Assicurati di disporre di tutte le autorizzazioni necessarie dal proprietario o licenziante del tipo di carattere per utilizzarlo sul tuo sito. Per maggiori dettagli, consulta le nostre procedure ottimali. Per utilizzare i tipi di carattere integrati di Squarespace, visita Modifica dei tipi di carattere.

Guarda un video

Caricare un tipo di carattere personalizzato

Dopo aver caricato un tipo di carattere, apparirà come opzione in qualsiasi modifica del tipo di carattere. La modalità di caricamento di un tipo di carattere personalizzato dipende dalla versione del tuo sito.

Tipi di file supportati

Carica i tuoi tipi di carattere personalizzati in uno dei seguenti tipi di file:

• .otf
• .ttf
• .woff
• .woff2

Posso usare i tipi di carattere variabili?

È possibile utilizzare file di tipi di carattere variabili che includono più pesi, ma al momento i file di tipi di carattere con più stili non sono supportati. Per utilizzare altri stili di un tipo di carattere specifico, carica ciascuno come file separato.

Utilizzare un tipo di carattere personalizzato sul tuo sito

Per usare un tipo di carattere personalizzato che hai caricato:

1. Trova un tweak del tipo di carattere negli stili sito e clicca sul menu a discesa del tipo di carattere.
2. I tuoi tipi di carattere personalizzati vengono visualizzati alla voce Caricati. Seleziona il tipo di carattere che desideri dall'elenco oppure utilizza la barra di ricerca per trovarlo.

Eliminare i tipi di caratteri personalizzati

Per eliminare un tipo di carattere personalizzato:

1. Assicurati che il tipo di carattere che desideri eliminare non sia in uso sul tuo sito. Prima apporta eventuali modifiche agli altri tipi di carattere e salva le modifiche.
2. Trova un tweak del tipo di carattere negli stili sito e clicca sul menu a discesa del tipo di carattere.
3. Accanto a Caricati, clicca su Gestisci.
4. Per eliminare un tipo di carattere e tutti i relativi stili, clicca su ... accanto al nome del tipo di carattere. Per eliminare uno stile specifico del tipo di carattere, clicca su X accanto al nome dello stile.

Procedure ottimali per le licenze dei tipi di carattere

Nota: queste procedure ottimali sono una risorsa, ma non rappresentano una consulenza legale. Ti consigliamo di consultare a un esperto legale per ottenere indicazioni specifiche sul tuo sito web o sulla tua attività e sulle relative esigenze di licenza dei tipi di carattere.

Prima di caricare un tipo di carattere personalizzato, assicurati di disporre dei diritti e dei permessi necessari per utilizzarlo sul tuo sito. I tipi di carattere solitamente sono concessi in licenza dai proprietari direttamente ai clienti o tramite licenziatari aggregati. I contratti di licenza dei tipi di carattere forniscono dettagli su come e dove puoi utilizzare il tipo di carattere. Gli accordi di licenza presentano differenze sostanziali, ed è importante comprendere i requisiti e le limitazioni di utilizzo inclusi nell'ordine di acquisto o nel contratto di licenza.

Ad esempio:

• La tua licenza ti permetterà di utilizzare tutti i tipi di carattere in una particolare famiglia, oppure consentire solo l'utilizzo di un singolo tipo di carattere in quella famiglia. 
• Alcune licenze costano più o meno a seconda del numero di visitatori mensili a un sito dove il tipo di carattere viene utilizzato.
• Il servizio di webfont dinamici potrebbe avere un costo o una struttura di licenze diversa rispetto all'uso in risorse statiche o in un logo.

Presta attenzione. Anche se un tipo di carattere personalizzato può essere scaricato gratuitamente, il fornitore potrebbe comunque richiedere l'acquisto di una licenza a pagamento per utilizzarlo su un sito o in un altro modo visibile al pubblico.

Prima di caricare tipi di carattere personalizzati sul tuo sito, consulta il contratto con il fornitore del tipo di carattere. È tua responsabilità assicurarti di aver ottenuto tutti i diritti e le autorizzazioni necessari per l'uso previsto del tipo di carattere.

Aggiungi un Adobe Font personalizzato (solo versione 7.0)

Nella versione 7.0 di Squarespace, puoi utilizzare la nostra integrazione con Adobe Fonts per aggiungere tipi di carattere personalizzati.

• Questo processo sostituisce le opzioni di tipi di carattere in Stili sito con i tipi di carattere del progetto personalizzato. Gli Adobe Fonts di Squarespace non saranno disponibili per l'uso mentre il progetto Adobe Fonts personalizzato è abilitato.
• I tipi di carattere personalizzati sono disponibili con un abbonamento Adobe Creative Cloud. Prima di abbonarti, scegli un piano che includa gli Adobe Fonts.

Step 1 - Crea un progetto Web e aggiungi tipi di carattere

Per aggiungere i tuoi tipi di carattere personalizzati ai siti della versione 7.0, dovrai prima creare un progetto web in Adobe. Accedi al tuo account Adobe Fonts, quindi segui gli step per creare un progetto web.

Dopo aver creato il progetto web, vedrai tuo codice di incorporamento HTML personalizzato. Non ti servirà, pertanto non aggiungerlo al tuo sito. Utilizza invece lo step successivo per ottenere l'ID del progetto, che è più breve.

Step 2 - Aggiungi i tuoi tipi di carattere personalizzati a Squarespace

Una volta che il progetto Web include tutti i tipi di carattere di cui hai bisogno, aggiungilo al tuo sito Squarespace usando l'ID del progetto:

1. Nel tuo account Adobe Fonts, clicca su Il mio Adobe Fonts nell'angolo in alto a destra.
2. Clicca su Progetti Web, quindi individua il progetto che desideri aggiungere a Squarespace.
3. Copia l'ID del progetto, una stringa di lettere e numeri sopra il codice da incorporare. Assicurati di copiare l'ID progetto univoco e non quello mostrato nell'esempio.

4. Apri il pannello Strumenti per sviluppatori.
5. Fai clic su Chiavi API esterne.
6. Scorri verso il basso fino alla casella ID Progetto Adobe Fonts.
7. Incolla l'ID del progetto copiato da Adobe nella casella.
8. Clicca su Salva.

Step 3 - Utilizza i tipi di carattere Adobe Fonts

Dopo aver aggiunto i tipi di carattere Adobe Fonts, puoi applicarli al testo sul tuo sito. I tipi di carattere nel tuo progetto Web sostituiscono quelli Adobe Fonts integrati nel riquadro Stili Sito. Per trovare rapidamente il tuo tipo di carattere Adobe Fonts personalizzato, cercalo in base al nome nella casella Cerca.

Se apporti modifiche al tuo Adobe Fonts, pubblicalo nuovamente per visualizzarle su Squarespace. Per maggiori informazioni, consulta la documentazione di Adobe.

Messaggio di errore: "Tipi di carattere non supportati" in Stili sito

Questo messaggio viene visualizzato se il tuo sito utilizza un tipo di carattere che Adobe Fonts ha ritirato. Quando il tipo di carattere non è più supportato, verrà sostituito in Squarespace con il tipo di carattere più simile disponibile. Rivedi le sezioni di stile elencate nell'errore per approvare o modificare il tipo di carattere sostitutivo.

Adobe Fonts rimuoverà i tipi di carattere ritirati anche dalla tua pagina Adobe Fonts.

I miei Adobe Fonts personalizzati non vengono visualizzati sul mio sito

Se alcuni caratteri speciali non vengono visualizzati correttamente, modifica il progetto Web e seleziona Tutti i caratteri prima di aggiungere l'ID progetto a Squarespace.

Se nessuno dei tuoi font viene visualizzato, verifica l'eventuale presenza di un codice JavaScript aggiunto al tuo sito. Se in passato hai aggiunto dei font al tuo sito utilizzando il metodo JavaScript di Adobe Fonts, potrebbe essersi verificato un errore di caricamento. Rimuovi il codice JavaScript e segui la procedura sopra riportata per aggiungere i tuoi tipi di carattere ad Adobe Fonts.

Dove richiedere assistenza

In caso di problemi durante l'aggiunta dell'ID del progetto Adobe Fonts o se i tipi di carattere Adobe Fonts non sono visualizzati sul sito, contattaci e ti aiuteremo a risolvere questi problemi. Per tutte le altre domande sull'uso di Adobe Fonts, contatta direttamente l'azienda o consulta documentazione specifica.