2012-07-25 9 views
8

stavo scrivendo una e-mail html e sto usando il font Oswald da google webfonts. Ho inserito nel codice HTML utilizzando questa linea:google webfonts nella newsletter html

<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'> 

Sembra il tipo di carattere non mostra su google client di posta .. c'è qualche altro modo per implementare la posta HTML con questo tipo di carattere per mostrare in Google posta?

Grazie, Daniel.

+1

Abbandonare l'utilizzo di un carattere personalizzato nell'e-mail HTML. Nella maggior parte dei client di posta elettronica, non funzionerà. Ecco un vecchio post sul blog: http://www.campaignmonitor.com/blog/post/3044/does-font-face-work-in-email/ – thirtydot

risposta

-2

non funziona ....

Invia la tua newsletter in formato HTML. E usa il tag link per riferirsi al font. e quindi utilizzare il nome specificato da google.

-> vedi

<link href='http://fonts.googleapis.com/css?family=Henny+Penny' rel='stylesheet' type='text/css'> 

-> Usa

<p style="font-family: 'Henny Penny', cursive"> 
Your text goes here 
<p> 

Non ha funzionato

+0

Questo non funzionerà. Non in una e-mail – SpaceBeers

+0

Questo è quello che sta dicendo però. –

4

Non sarà in grado di fare questo (al momento di questa risposta). Scusate. Il meglio che puoi gestire è usare le immagini, ma nessuna sostituzione di font funziona nelle e-mail.

A molte persone non piacciono le e-mail in HTML e i client di posta elettronica sono molto indietro rispetto ai browser in termini di visualizzazione di HTML e CSS. Emailology fa un ottimo lavoro per spiegare tutto questo. Uso ancora le tabelle per alcune email HTML. È orribile, ma è proprio come stanno le cose al momento.

UPDATE

Come accennato sopra, potete ora importare in linea per il codice HTML.

+0

Funziona usando la soluzione descritta da @Hobo. –

+0

Per essere onesti questa risposta ha più di 2 anni ora. – SpaceBeers

-1

Se pensi logicamente, dovrebbe funzionare, ma sembra che gli agenti di posta non lo permettano. Probabilmente hanno un filtro in esecuzione lì.

1) La soluzione possibile potrebbe essere quella di utilizzare le immagini, ma alcuni agenti di posta elettronica non visualizzano le immagini per impostazione predefinita, a meno che non si dica loro di farlo.

2) L'opzione migliore sarebbe utilizzare HTML5 e CSS3, potrebbero essere un modo efficace per lo scopo della newsletter o del resto per qualsiasi pagina Web.

+1

Che non funzionerà in una e-mail. Se apri CSS3 in Lotus notes/Outlook non otterrai un buon risultato. Tutto ha a che fare con i client di posta elettronica. Con la logica di Outlook ha poco a che fare con qualsiasi cosa. – SpaceBeers

+0

Outlook/Lotus supportano CSS3? – Brij

+0

Dio no.Supportano a malapena i CSS. Dai un'occhiata a questo: http://www.emailology.org/ – SpaceBeers

9

Ovviamente dipende dal software client, ma l'this link sembrava fare il trucco per me. In breve, includi il css in questo modo:

<style> 
    @import url(http://fonts.googleapis.com/css?family=Open+Sans); 
</style> 

Basta aggiungere un font di fallback affidabile.

+0

Tuttavia, poiché Gmail non accetta il tag '