Índice

• Alinhamento e justificação do título
• Padrões de corpo do texto
• Formatação de parágrafos
• Valores fixos
• Formatação de margem e preenchimento
• Letras capitulares
• CSS para quebras de página
• Fontes incorporadas
• Personalização da seleção da fonte
• Diretrizes para números de página
• Habilitar números reais de página
• Diretrizes para notas de rodapé
• Compatibilidade com MathML

---

Alinhamento e justificação do título

Como o texto nos eBooks digitalmente otimizados é totalmente justificado por padrão (ou seja, text-align: justify;), a Amazon recomenda especificar o alinhamento CSS apropriado para todos os títulos, evitando o excesso de espaços entre as palavras (ou seja, text-align: left; text-align: right; text-align: center;).

---

Padrões de corpo do texto

O corpo do texto em um livro Kindle digitalmente otimizado (ficção e não ficção) deve seguir configurações padrão. A Amazon encoraja os criadores de conteúdo a empregar estilos criativos nos cabeçalhos, parágrafos especiais, notas de rodapé, índices, etc., mas não no corpo do texto. Veja detalhes sobre como usar fontes incorporadas. O problema é que qualquer estilo aplicado ao corpo do texto no HTML substituirá as configurações de leitura padrão preferidas do usuário. Os usuários relatam esse comportamento como uma experiência de leitura insatisfatória. Apresentamos a seguir os pontos mais importantes:

• A fonte do corpo do texto deve ser definida no CSS usando o atributo font-family. O corpo do texto deve utilizar tamanho de fonte (1em) e altura de linha padrão. O corpo do texto não deve conter a tag <font size="…"> nem os atributos de tamanho da fonte e altura da linha do CSS.
• O corpo do texto não deve estar primariamente em negrito ou itálico; apenas determinadas partes do texto podem estar em negrito ou itálico para ênfase. Esta diretriz só veta que um livro esteja completamente em negrito, por exemplo.
• O corpo do texto não deve ter uma cor de fonte imposta ao longo do livro. Se você preferir usar uma cor de fonte imposta em alguns trechos de seu livro, não use cores muito claras nem muito escuras. Cores claras não serão exibidas com contraste suficiente em dispositivos configurados com fundo branco ou E-readers. Cores escuras não serão bem exibidas em dispositivos configurados com fundo preto. Consulte a recomendação W3C para a manutenção de uma proporção de contraste legível entre as cores do texto e do plano de fundo. Para escala de cinzas, use cores do intervalo de valor hexadecimal entre o nº 666 e o nº 999.
  • Para determinar se uma cor se encaixa no intervalo, use uma ferramenta para convertê-la em valores RGB. Insira os três números resultantes na seguinte fórmula: Y = (0.2126 * R) + (0.7152 * G) + (0.0722 * B). Se o valor de Y estiver no intervalo entre 102 a 153, a cor criará uma boa experiência para o cliente em todos os dispositivos e aplicativos Kindle.
  Em um livro com configuração de fonte habilitada, os leitores do Kindle podem ter certeza de que textos de qualquer cor que apareçam com planos de fundo de qualquer cor serão legíveis. As cores da fonte se adaptarão automaticamente para proporcionar contraste suficiente com o tema de cores do dispositivo escolhido pelo leitor ou com a cor do plano de fundo de qualquer elemento. No exemplo abaixo, as mesmas cores ("amarelo", "preto" e "laranja") foram aplicadas à fonte e ao plano de fundo; observe como a cor da fonte muda para proporcionar um contraste legível com o plano de fundo. Para saber mais sobre a Configuração de fonte.
  
  
  
  
• O corpo do texto não deve ter um fundo preto ou branco. Os clientes consideram isto uma experiência de leitura ruim, pois fica estranho quando o fundo do dispositivo é configurado com uma cor diferente e porque o texto pode tornar-se invisível quando um usuário muda a configuração de cor de fundo em seu dispositivo e a cor da fonte inverte automaticamente.
• O corpo do texto não deve ter um tipo de fonte forçado. Certifique-se de que você seguiu as diretrizes para fontes incorporadas. Não seguir essas diretrizes pode impedir que os clientes alterem a fonte de leitura preferencial.
• O corpo do texto não deve usar espaços rígidos no lugar de espaços normais entre palavras em parágrafos.
• O corpo do texto não deve ter margem ou preenchimento imposto à esquerda/direita ao longo do livro. Quando há parágrafos que exigem margem esquerda/direita para diferenciá-los visualmente do corpo de texto, como uma lista em uma receita ou uma citação, as margens aplicadas a essas seções devem ser especificadas como porcentagens em vez de valores de ems ou pontos.
• As seguintes correções de fontes serão aplicadas durante o processo de upload:
  • O tamanho da fonte usado na maioria do conteúdo será normalizado para 1em.
  • A font-family usada na maioria do conteúdo será transferida para a tag raiz (corpo do texto).
  • As cores de fonte forçadas usadas no corpo do texto serão removidas; assim, o usuário poderá alterar a cor do texto.

---

Formatação de parágrafos

No corpo do texto, deverão ser usados recuos ou espaçamentos extras entre linhas para que o cliente possa distinguir os parágrafos. A Amazon recomenda o uso do atributo text-indent no CSS para configurar valores de recuo de não mais do que 4 ems nos parágrafos do corpo do texto. Para alterar o espaço antes ou depois de cada parágrafo, use os estilos margin-top ou margin-bottom respectivamente no CSS. Recomendamos usar valores em para esses atributos. Nunca use a propriedade de altura para controlar o tamanho dos elementos que contêm texto, ou poderá haver sobreposição de texto no seu livro. A propriedade de altura só deve ser aplicada a imagens em livros digitalmente otimizados.

---

Valores fixos

Evite o uso de valores fixos, como pontos e pixels, para propriedades CSS, como font-size, width, height, margin, padding e text-indent. Para possibilitar a renderização em diferentes tamanhos de tela e resoluções, especifique estes valores em ems ou em percentuais.

---

Formatação de margem e preenchimento

Ao usar propriedades CSS de margin e padding à esquerda ou à direita, especifique os valores em porcentagem (%) em vez de unidades em. Isso assegura que as margens não aumentem demais de largura com tamanhos de fonte maiores, piorando a leitura. Valores de 0 ou maiores devem ser atribuídos às margens para que o conteúdo não fique fora da borda da tela ou se sobreponha a outros conteúdos. Sempre defina as margens esquerda e direita para 0 no corpo de texto normal, isso permite aos usuários uma gama completa de escolha de margem usando os padrões do dispositivo. As margens superior/inferior devem ser especificadas em ems para que o espaçamento entre parágrafos seja facilmente distinguível em qualquer tamanho de fonte ou dispositivo.

---

Letras capitulares

Elementos como a letra capitular devem ser especificados usando porcentagem ou unidades relativas (positivas ou negativas) em vez de valores fixos, tais como pontos e pixels. A parte superior de letras capitulares deve estar alinhada com o corpo do texto. Para criar uma letra capitular, a Amazon recomenda usar a amostra de CSS a seguir:

Exemplo:

p.para { 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">A</span>qui está uma amostra

Para verificar se a letra capitular é exibida como desejado, teste o livro. Este é um exemplo de uma letra capitular formatada usando esse método em um livro com configuração de fonte:

Configuração de fonte pequena

Configuração de fonte grande

---

CSS para Quebras de página

O Kindle agora é compatível com atributos CSS para page-break-inside: avoid e break-inside:avoid. Isso permite que os editores agrupem elementos para que não sejam quebradas nas páginas. Casos de uso incluem imagens com legendas e títulos com parágrafos que você deseja manter juntos no design.

Além disso, o Kindle é compatível com CSS para page-break-after e break-after, bem como page-break-before e break-before, que pode ser usado para evitar quebras de página antes e depois de contêneires ou blocos especificados. O Kindle analisa essas propriedades para determinar se quebras de página precisam ser evitadas entre elementos ou dentro de elementos. Os valores para esses atributos são :avoid, :auto e :always.

---

Uso de fontes incorporadas

O Kindle é compatível com fontes incorporadas dentro do eBook. Estas fontes podem ser Open Type (OTF) ou True Type (TTF). O Kindle não recomenda o uso de fontes Type 1 (Postscript). Para fornecer aos clientes Kindle a melhor experiência de leitura possível, livros digitalmente otimizados que usam fontes Type 1 são renderizados usando fontes Kindle por padrão. Em dispositivos e aplicativos compatíveis com KF8, os clientes têm a opção de ativar ou desativar fontes fornecidas pelo autor/editora.

É responsabilidade do autor garantir os devidos direitos de licença de fontes. A Amazon recomenda o uso do conjunto padrão de fontes instalado nos dispositivos e aplicativos Kindle, uma vez que essas fontes foram ajustadas para uma renderização de alta qualidade.

Ao escolher uma fonte, considere a usabilidade por leitores com problemas de visão. Escolha uma fonte simples e clara para contrastar bem com o fundo de tablets e E-readers.

Dica de acessibilidade: Fontes finas são mais difíceis de ler e podem afetar o contraste percebido do texto com o plano de fundo. A Amazon recomenda evitar fontes finas para o corpo do texto do seu manuscrito.

O Kindle aceita também fonte monoespaçada. O conteúdo nas seguintes tags será renderizado em fonte monoespaçada: <pre>, <code>, <samp>, <kbd>, <tt>, <font face="courier">, <font face="monospace">.

Com exceção de <pre>, as tags listadas acima não alteram o alinhamento do texto.

---

Personalização da seleção da fonte

A fonte primária ou principal de um livro deve ser definida ao nível <body>. Se você preferir usar um estilo de texto adicional, como negrito ou itálico, certifique-se de que os estilos estejam definidos no texto, em vez de na fonte, de modo que qualquer fonte que o cliente selecionar mostre corretamente os elementos de estilo. Abaixo estão alguns exemplos de implementação corretos e incorretos de personalização de fontes em um livro Kindle.

Código HTML incorreto	Código HTML correto
<html> <body> <p style="font-family:PrimaryFont"> Conteúdo com a fonte principal</p> <p style="font-family:SecondaryFont"> Conteúdo com a fonte secundária</p> <p style="font-family:PrimaryFont"> Conteúdo com a fonte principal</p> <p style="font-family:PrimaryFont"> Conteúdo com a fonte principal</p> </body> </html>	<html> <body style="font-family:PrimaryFont"> <p>Conteúdo com a fonte principal</p> <p style="font-family:SecondaryFont"> Conteúdo com a fonte secundária</p> <p>Conteúdo com fonte primária</p> <p>Conteúdo com fonte primária</p> </body> </html>

O mesmo comportamento pode ser obtido utilizando classes de CSS, conforme abaixo.

Código CSS incorreto	Código CSS correto
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; }

Ao codificar fontes, verifique se as tags HTML foram fechadas corretamente para evitar um conflito de sobreposição. Quando houver um conflito de sobreposição, os arquivos de fonte no livro serão removidos intencionalmente para fornecer aos clientes Kindle a melhor experiência de leitura possível ao selecionar as configurações de fonte.

Por exemplo:

Código HTML incorreto	Código HTML correto
<html> <body style="fontfamily:PrimaryFont"> <p>Conteúdo com a fonte principal</p> <div style="fontfamily:SecondaryFont"> Conteúdo com a fonte secundária. <div style="font-family:ThirdFont"> Conteúdo com a fonte terciária </div> </div> <p>Conteúdo com a fonte principal</p> </body> </html>	<html> <body style="font-family:PrimaryFont"> <p>Conteúdo com a fonte principal</p> <div style="fontfamily:SecondaryFont"> Conteúdo com a fonte secundária. </div> <div style="font-family:ThirdFont"> Conteúdo com a fonte terciária </div> <p>Conteúdo com a fonte principal</p> </body> </html>

Código CSS incorreto	Código CSS correto
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'; }

---

Diretrizes para números de página

Livros Kindle nem sempre têm os mesmos números de página que a edição impressa do livro tem - depende do tamanho da letra e fonte que o leitor escolher. Mesmo que o recurso de Números de página reais Kindle esteja ativado no menu Ir para, as referências a números de página dentro do eBook devem ser tratadas da seguinte forma:

• Índice (TOC) se houver números de página no índice da fonte impressa, eles deverão ser removidos na conversão digital. O nome da seção deve ser retido e conter um hiperlink para o local relevante no eBook. Por exemplo, se o índice da fonte impressa exibe a entrada "Capítulo 1... P. 36", o eBook só deve exibir "Capítulo 1" com hiperlink para o local digital correto.
• Links internos: se houver texto fazendo referência a uma outra página no eBook, como "veja a página XX", esse texto deverá ser vinculado ao parágrafo relevante dentro do eBook.
• Índice: cada número de página no índice deve ser vinculado ao parágrafo relevante no eBook (ou à ilustração, tabela ou gráfico relevante).
• Links dentro do índice: Se uma entrada fizer referência a outra seção do índice, como "veja também XXX", esse texto deverá ser vinculado à seção relevante dentro do índice.

---

Habilitar números reais de página

Os leitores aproveitam os números de página, pois eles são um método familiar de navegação e permitem que os leitores coordenem a leitura com quem usa a versão impressa, como em uma sala de aula ou clube de livro. Autores e editores podem incluir o recurso Números reais de página da Amazon no seu Livros Kindle adicionando os números de página no EPUB, e eles serão exibidos nos dispositivos e aplicativos Kindle.

Autores/editoras devem indicar os números reais de página no eBook para a edição impressa (capa dura, de bolso, etc.) que mais se aproximem do eBook e fornecer o ISBN nos metadados, conforme descrito em http://kb.daisy.org/publishing/docs/navigation/pagelist.html#desc. Neste momento, os Números reais de página não podem ser visualizados no Kindle Previewer ou por transferência, mas eles estarão visíveis quando o seu eBook for publicado e são mencionados na página de detalhes.

Para dar suporte ao recurso Número real de página:

• EPUB 3: Siga as diretrizes de acessibilidade de EPUB 3 para números de página:
• EPUB 2: Siga os requisitos NCX na Seção 2.4.1.2 de OPF 2.0.

Notas adicionais:

• Use apenas algarismos romanos ou arábicos para adicionar números de página. (Exemplo: I, II, III, etc. e/ou 1, 2, 3, 4, etc.)
• Não adicione texto adicional, como "Página", no atributo nome das tags de páginas (por exemplo: “Página 1”, “Página 2”). Por padrão, o Kindle adiciona a palavra "Página" na frente do atributo número da página.
• Verifique se não há páginas HTML duplicadas referenciados como páginas diferentes.
• Verifique se não há nenhum rótulo de página duplicado referido como páginas HTML diferentes.
• Verifique se não há nenhum rótulo de página vazia (mesmo para páginas em branco).
• Verifique se não há âncoras sem destinos.
• Verifique se todos os caminhos para as páginas HTML são relativos.

---

Diretrizes para notas de rodapé

A Amazon recomenda marcar as notas de rodapé com o elemento HTML5 aside e com o atributo epub:type. Isso permite que os sistemas de leitura acessíveis ignorem as notas de rodapé, exceto quando seguidas por referências, e permite que qualquer sistema de leitura trabalhe com as notas de forma mais inteligente (por ex., como pop-ups). Essa forma de uso garante que, mesmo se a semântica do EPUB não for reconhecida, as notas ainda serão tratadas como conteúdo secundário devido à natureza do elemento HTML5 aside.

Independentemente de o elemento aside ser ou não utilizado, a Amazon exige a formatação das notas de rodapé com hiperlinks bidirecionais (o texto é vinculado ao rodapé e o rodapé é vinculado ao texto). Isso permite que os clientes retornem ao texto após lerem o rodapé. Em alguns dispositivos Kindle, como o Kindle Paperwhite, os rodapés com hiperlinks bidirecionais são exibidos em um pop-up.

Para melhorar a experiência de leitura, a Amazon recomenda posicionar o texto da nota de rodapé no final do capítulo ou do livro.

Defina as notas de rodapé usando um dos seguintes métodos:

Método 1 (recomendado):

<p>Este exemplo de nota de rodapé usa o elemento aside com o atributo epub:type e hiperlinks bidirecionais.<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> Este é o texto da nota de rodapé, que deve ser colocado no final do capítulo ou livro.</p> </aside>

Método 2:

<p>Este exemplo de nota de rodapé usa apenas hiperlinks bidirecionais. <sup><a href=>footnotes.html#fn1" id="r1">[2]</a></sup></p> ... <p id="fn1"><a href="chapter01.html#r1">2.</a> Este é o texto da nota de rodapé, que deve ser colocado no final do capítulo ou livro.</p>

Se seu livro incluir notas de rodapé ou notas finais sem números ou símbolos, a Amazon recomenda a criação de um único link entre a nota e o texto relevante no livro.

Exemplo:

<p>Este exemplo descreve um <a id ="fn1"/>evento que aconteceu.</p> ... <p> <a href="chapter01.html#fn1"> evento que aconteceu</a> Este é o texto da nota final, que fornece uma referência para os detalhes do evento.</p>

---

Compatibilidade com MathML

A Configuração de fonte aceita MathML.

Tags compatíveis:

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

Tags não compatíveis:

annotation

maction

mglyph

mlongdiv

msgroup

mstack

semantics

Solução de problemas:

Abra a página HTML com MathJax. Se MathML for exibido sem qualquer problema, então será compatível com a configuração de fonte.