css - truncar - Problema de representación de Outlook, lo que hace que el texto sea demasiado grande

truncar texto css

Question

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

Aquí está 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;
}

Alguna sugerencia de por qué esto podría ser causado?

Answer 1

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

Vea aquí para lo que quiero decir.

Answer 2

Muchos lectores de correo quitan la etiqueta "cuerpo" 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 3

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

Outlook usa de forma predeterminada Trident, el motor de IE para el correo entrante y el motor de procesamiento HTML de Word para el correo saliente ... Hasta Office 2007, y la gente lo odia.

Ahora, usa la representación de Word 2007 , que es bastante deficiente . En la página de Microsoft, puede ver que body elemento de body no admite el atributo de style .

Answer 4

resumí el tamaño de fuente a más pequeño, que encontré en el visionado 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

Agregue estas metaetiquetas y encontrará que Word / Outlook "mágicamente" hace que la página (incluidas las imágenes) tenga 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 idea de por qué Outlook hace esto, la mayoría de los correos electrónicos corporativos que recibo parecen terribles en Outlook, sin embargo, con estas etiquetas, las que envío parecen impecables.