Font Web

È possibile importare font web esterni nell'editor, come quelli forniti da Google Fonts o Typekit.

I Font Web sono gestiti dal pannello Impostazioni Widget nell'Editor Creativo.

Provider di Font Supportati

Google Fonts

• Visita https://fonts.google.com.
• Seleziona una o più famiglie di font e pesi del font.
• Copia e incolla l'URL di incorporamento fornito nel gestore di font web.

Typekit

• Visita https://typekit.com/account/kits per visualizzare o creare un nuovo kit di font.
• Assicurati che *.fanplayr.com sia aggiunto all'elenco Domini nelle Impostazioni Kit. Ciò consente ai tuoi font di essere caricati e visualizzati in anteprima nell'Editor Creativo.
• Copia e incolla l'ID Kit fornito nel gestore di font web.

Provider di Font Personalizzato

È possibile importare font web da altri provider (o font che ospiti tu stesso) specificando una configurazione JSON che descrive i font forniti e uno o più URL a fogli di stile che li caricano.

Requisiti

• Gli URL dei fogli di stile devono essere percorsi assoluti.
• I fogli di stile e i font devono avere configurazioni CORS appropriate per consentire l'accesso da *.fanplayr.com.

Esempio

La seguente configurazione JSON di esempio dimostra l'importazione manuale di tre font da Google. Questo esempio potrebbe essere adattato per importare font da un altro dominio.

Vedi la specifica del Web Font Loader per maggiori dettagli sul formato della configurazione.

{
  "families": ["Oswald:n3,n4,n7", "Indie Flower", "Lobster"],
  "urls": [
    "https://fonts.googleapis.com/css?family=Oswald:400,300,700|Indie+Flower",
    "https://fonts.googleapis.com/css?family=Lobster"
  ]
}

Esempio: Utilizzo di Google Fonts

Loading embed...

Importare e utilizzare font web da Google Fonts