Contenidos

• Alineación y justificación del encabezado
• Valores predeterminados del texto
• Formato de párrafos
• Valores fijos
• Formato de márgenes y padding
• Letra capitular
• CSS para los saltos de página
• Fuentes tipográficas incrustadas
• Personalización de la selección de fuente
• Pautas sobre números de página
• Habilitar números de página reales
• Pautas sobre notas al pie
• Compatibilidad con MathML

---

Alineación y justificación del encabezado

Dado que el texto en los ebook ajustables está totalmente justificado de forma predeterminada (es decir, text-align: justify;), Amazon recomienda encarecidamente especificar la alineación CSS adecuada para todos los encabezados con el fin de evitar espacios excesivos entre palabras (es decir, text-align: left; text-align: right; text-align: center;).

---

Valores predeterminados del texto

El texto en un libro Kindle ajustable (de ficción y de no ficción) debe tener valores predeterminados. Amazon sugiere a los creadores de contenido que utilicen estilos creativos en los encabezados, los párrafos especiales, notas al pie, tablas de contenido, etc., pero no en el texto "normal". Consulte cómo usar las fuentes incrustadas. El motivo es que cualquier estilo en el texto del HTML anulará la configuración predeterminada preferida por el usuario. Este error puede generar comentarios negativos de los lectores. Estos son los puntos más importantes que se deben tener en cuenta:

• La fuente del texto debe configurarse en CSS con el atributo font-family. El texto debe utilizar tamaño de fuente (1em) y altura de línea predeterminados. El texto no debe usar la etiqueta <font size="…"> ni los atributos font-size y line-height en CSS.
• El texto "normal" no debe utilizar ni negrita ni cursiva. Se pueden utilizar en ciertas partes para dar énfasis. El objetivo de estas instrucciones es evitar que el libro entero esté en negrita.
• El texto no debe tener un color de fuente forzado en todo el libro. Si prefiere utilizar un color de fuente forzado en algunos fragmentos, no utilice colores demasiado oscuros ni claros. Los colores suaves no aparecerán con suficiente contraste en los dispositivos con el fondo blanco o en dispositivos e-reader. De la misma manera, los colores oscuros no se verán bien en los dispositivos con fondo negro. Consulte las recomendaciones de W3C para mantener un contraste legible entre el texto y los colores de fondo. Para la gama de grises, utilice colores con valor de rango hexadecimal #666 a #999.
  • Para determinar si un color se encuentra dentro de este rango, utilice una herramienta para convertirlo a valores RGB. Indique los tres números que obtenga en la siguiente fórmula: Y = (0,2126 x R) + (0,7152 x G) + (0,0722 x B). Si el valor de Y se encuentra entre los valores 102 y 153, significa que dicho color permitirá que la lectura del texto sea agradable en todos los dispositivos y aplicaciones Kindle.
  En los libros que tengan la función de tipografía mejorada, los lectores podrán leer perfectamente cualquier color de texto independientemente del color de fondo. Los colores de fuente se adaptan automáticamente para lograr el contraste adecuado con el color de interfaz que ha elegido el usuario y con el de fondo. En este ejemplo se aprecia cómo se adapta el color de fuente para que el texto sea legible, aunque se haya seleccionado el mismo color (amarillo, negro y naranja) para la fuente y el fondo. Más información sobre Tipografía mejorada.
  
  
  
  
• El texto no debe tener color de fondo ni negro ni blanco. Los clientes suelen enviar comentarios negativos al respecto porque puede hacer que la lectura sea rara y limitada cuando se configura el fondo del dispositivo con un color diferente. A su vez, el texto se puede volver invisible cuando se cambia la configuración del color de fondo del dispositivo ya que el color de fuente se invierte automáticamente.
• El texto no debe contener un tipo de fuente forzado. Compruebe que ha seguido las pautas para las fuentes incrustadas. Si no respeta estas pautas, es posible que el cliente no pueda cambiar el tipo de fuente.
• El texto no debe contener espacios duros en sustitución de los espacios normales entre las palabras de un párrafo.
• Tampoco debe tener márgenes izquierdos o derechos forzados o algún tipo de padding en el libro. Si los párrafos necesitan márgenes a ambos lados para diferenciarlos visualmente del resto del texto (como en los párrafos de una receta de cocina, o una cita centrada). Dichos márgenes se tienen que especificar como porcentajes en lugar de valores en em o fijos.
• Se aplicarán las siguientes correcciones de fuentes durante el proceso de carga:
  • El tamaño de fuente usado en la mayoría del contenido se normalizará a 1 em.
  • La font-family usada en la mayoría del contenido se moverá a la etiqueta raíz (texto).
  • Los colores de fuente forzados utilizados en el texto se eliminarán para el que usuario pueda cambiar el color del texto.

---

Formato de párrafos

Para el texto deben usarse sangrías o interlineados adicionales para que el usuario pueda distinguir los párrafos. Amazon recomienda usar el atributo text-indent en el CSS para configurar los valores de sangría y que no superen los 4 em en los párrafos de texto. Para cambiar el espacio antes o después de cada párrafo, utilice los estilos margin-top o margin-bottom respectivamente en el CSS. Le recomendamos que utilice valores en em para estos atributos. No debe utilizar el atributo de altura para establecer el tamaño de elementos que contengan texto para evitar problemas de superposición. Este atributo solo se debe aplicar a imágenes de libros ajustables.

---

Valores fijos

Evite el uso de valores fijos como puntos o píxeles para propiedades CSS como font-size, width, height, margin, padding y text-indent. Los valores deben especificarse en em o porcentajes para permitir la renderización en distintos tamaños de pantalla y resoluciones.

---

Formato de márgenes y padding

Cuando utilice las propiedades de CSS de margin y padding izquierdo o derecho, especifique los valores en porcentajes (%) en lugar de em (unidades). Esto permite que los márgenes no aumenten en exceso al utilizar tamaños grandes de fuente lo que afectaría a la lectura. Los márgenes deben tener valores a partir de 0 para evitar que el texto aparezca cortado o que se solape con otro contenido. Debe configurar los márgenes izquierdo y derecho a 0 para el texto "normal" de manera que los usuarios puedan seleccionar el margen máximo utilizando los valores predeterminados del dispositivo. Los márgenes superior e inferior se tienen que especificar en em para que el espaciado entre párrafos se distinga fácilmente con cualquier tamaño de fuente o dispositivo.

---

Letra capitular

Elementos como las letras capitulares (mayúsculas iniciales) se deben especificar con porcentajes o unidades relativas (positiva y negativa) y evitar el uso de valores fijos como puntos o píxeles. La parte superior de la letra capitular debe estar alineada con el resto del texto. Para crear letras capitulares, Amazon recomienda hacerlo como en el siguiente ejemplo con CSS:

Ejemplo:

p.para { font-size: font=size:1em; margin-bottom: 0; margin-top: 0; text-align: justify; text-indent: 0; } @media amzn-kf8 { span.dropcaps { font-weight:normal; font-size:320%; float:left; margin-top:-0.3225em; margin-bottom:-0.3245em; } } @media amzn-mobi { span.dropcaps { font-size:3em; font-weight: bold; } } <p class="para"><span class="dropcaps">E</span>sto es un ejemplo.

Para verificar que las letras capitulares aparecen correctamente, pruebe el libro. Este es un ejemplo de letra capitular a la que se le ha dado formato con este método en un libro con tipografía mejorada:

Tamaño de fuente pequeño

Tamaño de fuente grande

---

CSS para los saltos de página

Kindle admite ahora atributos CSS para page-break-inside: avoid y break-inside:avoid. Esto permite a los editores agrupar elementos para que no se dividan entre las páginas. Entre los ejemplos se incluyen imágenes con subtítulos y encabezados con párrafos que quiera mantener unidos en el diseño.

Además, Kindle admite CSS para saltos de página después y salto de página, así como para saltos de página antes y saltos de antes, que pueden utilizarse para evitar los saltos de página antes y después de determinados contenedores o bloques. Kindle tiene en cuenta estas propiedades para determinar si es necesario evitar los saltos de página entre los elementos o dentro de ellos. Los valores de estos atributos son :avoid, :auto y :always.

---

Fuentes tipográficas incrustadas

Kindle es compatible con este tipo de fuentes. Estas fuentes pueden ser Open Type (OTF) o True Type (TTF). Kindle no recomienda el uso de fuentes Tipo 1 (PostScript). Para mejorar la calidad de la lectura, los libros ajustables que usan fuentes Tipo 1 se renderizan con las fuentes Kindle predeterminadas. En dispositivos y aplicaciones compatibles con KF8, los clientes tienen la opción de activar y desactivar las fuentes de letra designadas por el editor.

Es responsabilidad del editor comprobar si cuenta con los derechos de licencia requeridos sobre las fuentes. A menos que las fuentes incrustadas sean estrictamente necesarias, Amazon recomienda usar el conjunto predeterminado ya instalado en los dispositivos y aplicaciones Kindle, ya que está optimizado para garantizar la máxima calidad.

Cuando elija una fuente, tenga en cuenta a los lectores con problemas de visión moderados. Elija una fuente simple y clara que contraste bien con los fondos de todos los tablets y e-reader.

Consejo sobre la accesibilidad: Las fuentes finas son más difíciles de leer y pueden afectar al contraste del texto con el fondo que perciben los lectores. Amazon recomienda que no utilice fuentes finas en el cuerpo del texto de su manuscrito.

Kindle también es compatible con una fuente monoespaciada. El contenido de las siguientes etiquetas se renderizará en fuente monoespaciada: <pre>, <código>, <samp>, <kbd>, <tt>, <font face =" courier">, <font face =" monospace">.

Las etiquetas que figuran en la lista anterior (excepto <pre>) no modifican la alineación del texto.

---

Personalización de la selección de fuente

La fuente principal de un libro desde establecerse en el nivel de <body>. Si utiliza otros estilos de texto, como negrita o cursiva, compruebe que los estilos estén configurados para el texto y no para la fuente, de manera que aparezcan correctamente en cualquier fuente que escoja el usuario. Estos son ejemplos tanto correctos como incorrectos de la implementación de fuentes personalizadas en un libro Kindle.

Código HTML incorrecto	Código HTML correcto
<html> <body> <p style="font-family:PrimaryFont"> Contenido de la fuente principal</p> <p style="font-family:SecondaryFont"> Contenido de la fuente secundaria</p> <p style="font-family:PrimaryFont"> Contenido de la fuente principal</p> <p style="font-family:PrimaryFont"> Contenido de la fuente principal</p> </body> </html>	<html> <body style="font-family:PrimaryFont"> <p>Contenido de la fuente principal</p> <p style="font-family:SecondaryFont"> Contenido de la fuente secundaria</p> <p>Contenido de la fuente principal</p> <p>Contenido de la fuente principal</p> </body> </html>

Se puede conseguir lo mismo con clases de CSS como se indica a continuación.

Código CSS incorrecto	Código CSS correcto
body{ font-size: asize; } .indent { font-size: asize; font-family: PrimaryFont; } .sidebar-text { font-family: SecondaryFont; font-weight: bold; }	body { font-family: PrimaryFont; font-size: asize; } .indent { font-size: asize; } .sidebar-text { font-family: SecondaryFont; weight: bold; }

A la hora de codificar fuentes, compruebe que las etiquetas HTML estén cerradas correctamente para evitar un conflicto de anulación. Cuando se produzca un conflicto de anulación, los archivos de fuente del libro se eliminarán intencionadamente para ofrecer la mejor experiencia de lectura posible a los usuarios de Kindle al seleccionar la configuración de fuente.

Por ejemplo:

Código HTML incorrecto	Código HTML correcto
<html> <body style="fontfamily:PrimaryFont"> <p>Contenido de la fuente principal</p> <div style="fontfamily:SecondaryFont"> Contenido de la fuente secundaria. <div style="font-family:ThirdFont"> Contenido de la tercera fuente </div> </div> <p>Contenido de la fuente principal</p> </body> </html>	<html> <body style="font-family:PrimaryFont"> <p>Contenido de la fuente principal</p> <div style="fontfamily:SecondaryFont"> Contenido de la fuente secundaria. </div> <div style="font-family:ThirdFont"> Contenido de la tercera fuente </div> <p>Contenido de la fuente principal</p> </body> </html>

Código CSS incorrecto	Código CSS correcto
h2.title, h3.title { text-indent:0; text-align:center; font-family:'PrimaryFont'; } h3.title { font-family:'SecondaryFont'; font-size:2em; font-weight:bold; }	h2.title { text-indent:0; text-align:center; font-family:'PrimaryFont'; } h3.title { text-indent:0; text-align:center; font-size:2em; font-weight:bold; font-family:'SecondaryFont'; }

---

Pautas sobre números de página

Las páginas de los libros Kindle no siempre coinciden con los números de página del libro físico. Aunque la función número de páginas reales esté activada en el menú "Ir a", todas las referencias a números de página dentro del eBook se deben establecer de la siguiente forma:

• Tabla de contenidos (ToC): Si la tabla de contenidos (ToC) de la versión para imprimir contiene números de página, se tienen que retirar para poder realizar la conversión digital. Debe mantener el nombre de la sección y enlazarlo con la ubicación correspondiente dentro del eBook. Por ejemplo, si en la ToC de la versión para imprimir aparece "Capítulo 1... Pág. 36", en el eBook solo tiene que aparecer "Capítulo 1" y tiene que estar enlazado con la ubicación digital correcta.
• Enlaces internos: Si el eBook tiene texto que enlaza con otra página, como por ejemplo, "consulte la página X", tiene que estar enlazado con el párrafo al que hace referencia.
• Índice: Cada número de página del índice tiene que estar enlazado con la ubicación correspondiente del eBook.
• Enlaces dentro del índice: Si hay una parte del índice que hace referencia a otra, como por ejemplo, "consulte también X", ambas partes deberán enlazarse.

---

Habilitar números de página reales

A los lectores les gustan los números de página porque son un método reconocible de navegación y les permite coordinar la lectura con sus amigos que usan versiones impresas, por ejemplo, en un aula o un club de lectura. Los autores y editores pueden incluir la función de números de página reales de Amazon en sus libros Kindle añadiendo los números de página al EPUB, que se muestra en los dispositivos y las aplicaciones Kindle.

Los editores deben asignar los números de página reales del eBook a la edición impresa (tapa dura, tapa blanda, etc.) que más coincidan con el eBook e indicar dicho ISBN en los metadatos como se describe en http://kb.daisy.org/publishing/docs/navigation/pagelist.html#desc. En este momento, los números de página reales no se pueden previsualizar en Kindle Previewer o por transferencia por USB, pero son visibles cuando el eBook se publica y se indican en la página de detalles.

Para habilitar la función de números de página reales:

• EPUB 3: Siga las pautas de accesibilidad EPUB 3 para los números de página.
• EPUB 2: Siga los requisitos NCX en OPF 2.0, sección 2.4.1.2.

Notas adicionales:

• Utilice sólo números romanos o arábigos para añadir los números de página (ejemplo: i, ii, iii, etc. o 1, 2, 3, 4, etc.).
• No añada texto adicional como “Página” en el atributo de nombre de las etiquetas de las páginas (ejemplo: “Página 1”, “Página 2”). Kindle añade la palabra “Página” delante del atributo de número de página de forma predeterminada.
• Asegúrese de que no haya ubicaciones HTML duplicadas referenciadas como páginas distintas.
• Asegúrese de que no haya etiquetas de página duplicadas referenciadas como ubicaciones HTML distintas.
• Asegúrese de que no haya ninguna etiqueta de página en blanco (ni siquiera para páginas en blanco).
• Asegúrese de que no haya anclas sin destino.
• Asegúrese de que todas las rutas de acceso a las páginas HTML sean relativas.

---

Pautas sobre notas al pie

Amazon recomienda encarecidamente incluir notas al pie con el elemento HTML5 aside junto con el atributo epub:type. Esto permite a los sistemas de lectura accesible ignorar las notas al pie, salvo cuando vayan seguidas de sus referentes, y permite a cualquier sistema de lectura procesarlas de forma más inteligente (por ejemplo, mediante mensajes emergentes). Este uso garantiza que, aunque no se reconozca la semántica EPUB, las notas seguirán tratándose como contenido secundario debido a la naturaleza del elemento HTML5 aside.

Independientemente de si se utiliza el elemento aside, Amazon requiere que el formato de las notas al pie contenga enlaces bidireccionales, es decir, el texto lleva a la nota al pie y, a su vez, esta lleva de nuevo al texto. De este modo se facilita a los lectores la tarea de volver al texto después de consultar la nota. En algunos dispositivos Kindle, como Kindle Paperwhite, las notas al pie con hipervínculos bidireccionales aparecen en una ventana emergente.

Para gozar de una mejor lectura, Amazon recomienda ubicar el texto de la nota al pie al final del capítulo o el libro.

Defina las notas al pie utilizando cualquiera de los siguientes métodos:

Método 1 (recomendado):

<p>En este ejemplo de nota al pie se utiliza el elemento aside con el atributo epub:type y enlaces bidireccionales. <sup><a id="source" href="#ft-1-1" epub:type="noteref">1</a></sup></p> ... <aside id="ft-1-1" epub:type="footnote"> <p><a epub:type="noteref" href="#source">1.</a> Esta es la nota al pie que debe colocarse al final del capítulo o del libro.</p> </aside>

Método 2:

<p>En este ejemplo de nota al pie solo se utilizan hipervínculos bidireccionales. <sup><a href=>footnotes.html#fn1" id="r1">[2]</a></sup></p> ... <p id="fn1"><a href="chapter01.html#r1">2.</a> Esta es la nota al pie que debe colocarse al final del capítulo o del libro.</p>

Si su libro incluye notas al pie o notas al final, sin números ni símbolos, Amazon recomienda crear un único enlace desde la nota al texto correspondiente del libro.

Ejemplo:

<p>Este ejemplo describe un <a id="fn1"/>evento ocurrido.</p> ... <p><a href="chapter01.html#fn1">evento ocurrido</a> Esta es la nota al final, que proporciona una referencia para los detalles del evento.</p>

---

Compatibilidad con MathML

La tipografía mejorada admite MathML.

Etiquetas compatibles:

maligngroup	mrow
malignmark	ms
math	mspace
menclose	msqrt
mfenced	mstyle
mfrac	msub
mi	msubsup
mlabeledtr	msup
mmultiscripts	mtable
mn	mtd
mo	mtext
mover	mtr
mpadded	munder
mphantom	munderover
mroot

Etiquetas no compatibles:

annotation

maction

mglyph

mlongdiv

msgroup

mstack

semantics

Resolución de problemas:

Abra la página HTML con MathJax. Si MathML se visualiza sin problemas, es compatible con la tipografía mejorada.