Problema de representación de Outlook, representando texto demasiado grande

Question

Estoy tratando de crear un estándar de boletín informativo para nuestra organización y tengo problemas con Outlook, lo que hace que el texto sea demasiado grande.

Aquí es la sección css de la página

body { 
    margin: 0; 
    padding: 0; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 75%; 
    background: url(http://www.blah.com/stuff.gif); 
    } 
a { 
    color: #f24c22 !important; 
    } 
a:visited { 
    color: #f24c22 !important; 
    } 
a:hover { 
    color: #3d7ac5 !important; 
    } 
table { 
    background: #ffffff; 
    } 
h1 { 
    font-size: 1.3em; 
    } 
h2 { 
    font-size: 1.2em; 
    color: #494949; 
    padding-top: 0 !important; 
    margin-top: 0 !important; 
    } 
h3 { 
    font-size: 1.1em; 
    color: #12377c; 
    } 
p { 
    padding-top: 0 !important; 
    margin-top: 0 !important; 
    color:#333333; 
    } 
    .style1 {color: #333333} 
    .style2 {color: #12377c} 
    .style3 { 
     font-size: smaller; 
     color: #666666; 
    } 

Cualquier sugerencia por qué esto podría ser causado?

Answer 1

¿Has probado usando main *{font-size: 12pt;}?

de Outlook por defecto usa Trident, el motor del IE para el correo entrante y Word HTML motor de renderizado para el correo saliente ... Until Office 2007, and people hate it.

Ahora, it uses Word 2007's rendering, wich is rather lacking. On microsoft's page puede ver que el elemento body no es compatible con el atributo style.

Answer 2

Si desea establecer un tamaño específico para sus fuentes, entonces probablemente debería usar un tipo de tamaño fijo como pt. En lugar de una variable como em /%

See here por lo que quiero decir.

Answer 3

Muchos lectores de correo quitan la etiqueta "body" de cualquier correo electrónico recibido, o ignoran los estilos aplicados a este elemento. Intente aplicar el tamaño de fuente a un div que lo encierra.

Answer 4

abstraccioné el tamaño de la fuente a un tamaño más pequeño, que encontré en la vista estándar para que sea del tamaño equivalente. Reescribir la página en div considerando que es una plantilla básica, referida a las identificaciones de los divs para poder renderizar, funcionó bien. Probado en varias cuentas de correo electrónico, incluyendo gmail, hotmail y renderizado a través de Outlook. Outlook fue la única problemática, donde fallan los enlaces de referencia misma página.

Answer 5

Añadir estos metatags y encontrará que la Palabra/Outlook "mágicamente" representa la página (incluyendo imágenes) el tamaño correcto:

<meta name="ProgId" content="Word.Document" /> 
<meta name="Generator" content="Microsoft Word 12" /> 
<meta name="Originator" content="Microsoft Word 12" /> 

no tengo ni idea de por qué perspectiva hace esto, la mayoría de los correos electrónicos corporativos que recibo se ven terribles en Outlook, sin embargo, con estas etiquetas, las que envío se ven prístinas.