Per impostare una buona tipografia è indispensabile conoscere il contesto fisico in cui questa sarà applicata e ciò pone delle questioni non banali nell’approccio al digitale.

Se infatti il tipografo tradizionale conosce a priori le dimensioni del foglio su cui verrà stampato il documento affidatogli, in ambito elettronico questo genere di dato resta invece incerto e va ad aggiungersi alle variabili che il tipografo digitale (ma mi piacerebbe chiamarlo più progettista, ebookdesigner) deve considerare.

Ogni device elettronico ha caratteristiche fisiche e tecnologiche proprie: dimensioni dello schermo, tecnologia di proiezione, motore di rendering, eccetera. Variabili che non solo condizionano pesantemente la possibilità di definire uno stile universale, ma spingono il designer  da un ruolo di controllo a uno spazio di possibilità, dove il controllo è limitato e variabile.

Diventa importante avere a disposizione strumenti per riconoscere l’ambiente entro il quale l’ebook viene fruito, in modo da poter offrire le più efficaci impostazioni stilistiche.
Cosa si può usare, al momento?
Vorrei soffermarmi sul termine “al momento”: ciò che riguarda l’ebookdesign non può prescindere da questa espressione, in quanto si tratta di un contesto molto fluido, dove non solo entrano frequentemente in scena nuovi protagonisti e nuovi device, ma è anche un settore in cui esiste ancora un dibattito molto acceso e aperto su formati, supporti tecnologici, interazioni.

In ogni caso, al momento, il designer può cercare di recuperare informazioni sul device o sul motore di rendering attraverso questi strumenti:

• XPGT
• Javascript
• CSS3

Immagino ci siano anche altri modi, ma questi sono quelli che per ora ho identificato (escludendo in partenza l’uso di bug specifici da parte dei rendering engine).
Siete liberi di continuare e segnalare nei commenti.

Vediamo nel dettaglio:

XPGT – XML PaGe Template

XPGT è un acronimo che significa XML PaGe Template e rappresenta un foglio di stile addizionale creato da Adobe per consentire un’impaginazione degli ePub avanzata rispetto alle specifiche IDPF.
La sintassi di XPGT segue le norme dei fogli di stile XML ed è compatibile solo con ereader che fanno uso del motore di rendering Adobe Digital Editions.
XPGT consente di definire template di pagina e stili dinamici.
L’adozione di fogli di stile XPGT consente di fornire indicazioni di formattazione e stile esclusivamente predisposti per Adobe Digital Editions. Rappresenta pertanto un valido strumento di device detection.
XPGT non fa parte delle specifiche ePub ma il suo uso non compromette la validazione del file.

JAVASCRIPT

Javascript è, ça va sans dire, il linguaggio di scripting più diffuso al mondo ed è lo standard di fatto per le funzionalità interattive avanzate in ambito web.
Il supporto di javascript da parte di un rendering engine non è di per sé un indicatore univoco, ma apre la strada a differenti tecniche di device e environment detection.
Javascript può essere usato, indicativamente ma non esaustivamente, per:

• Individuare con maggiore precisione piattaforme e device
• Incorporare custom css
• Implementare e attivare sistemi di sillabazione automatica
• Modificare dinamicamente e in maniera non invasiva il codice HTML in caso di particolari necessità (es. Visualizzazione di custom font su iBooks)

Il supporto di Javascript non è previsto nelle specifiche ePub ma il suo uso non compromette la validazione del file.

CSS3 MEDIA QUERIES

Media Queries è un’estensione della funzionalità @media già prevista da HTML4 e CSS3.
@Media consente differenti rendering a seconda del tipo di strumento usato per la visualizzazione. Per esempio consente la visualizzazione di un font graziato a schermo e di un font bastoni a stampa.

<link rel=”stylesheet” type=”text/css” media=”print” href=”print.css” />

Media Queries estende questa funzionalità consentendo di restringere la specificità d’attribuzione di un foglio di stile CSS unendo più requisiti da soddisfare.
Alcuni esempi comprendono l’altezza e larghezza del device, del software di lettura, l’orientamento del dispositivo, la densità in pixel dello schermo.
Questo, per esempio è il codice necessario a caricare un foglio di stile riservato a iPhone4:

<link rel=”stylesheet” href=”iphone4.css” media=”only screen