 Abbiamo la fortuna di avere qui con noi Stefano Minoia, che oggi ci parlerà di un argomento collegato all'accessibilità. Stefano Minoia si occupa di accessibilità a 360 gradi da parecchio tempo ed è la community WordPress dal 2018 e come curiosità canta in diversi cori e gioca a scacchi quindi non potete trovare successo.com e oggi ci parlerà appunto di tipografia fluida accessibile nelle editor blocki. Un applauso da Stefano, grazie Cristiano grazie a tutti di essere presenti. Ok andiamo in giù invece che è su. Una nota prima di iniziare nella presentazione sono presenti alcune animazioni per cui se soffrite di mal di movimento, disturbi vestibulari, vi avverto prima eventualmente che così evitiamo che state male. Di solito non le uso le animazioni proprio per evitare problemi di questo tipo ma in questo caso erano utili e necessarie e voglio ringraziare anche le persone che si stanno occupando della accessibilità dell'evento e che quindi si dispereranno come al solito per sottotitolare questa presentazione. Partiamo allora. Tipografia fluida. Cosa intendiamo per tipografia fluida? È una tecnica di progettazione responsive in cui la dimensione del carattere quindi la font size essenzialmente ci concentreremo su questo oggi ma anche altri attributi del carattere potenzialmente ad esempio l'interline alla line8 cambiano in maniera continua il variare della dimensione dello schermo. È un alternativa all'utilizzo delle tradizionali media query in cui le dimensioni dei caratteri invece cambiano in corrispondenza di specifici valori della viewport i cosiddetti breakpoint. Vediamo un esempio animazione attenzione fate attenzione dal subito sotto l'esempio qui sto allargando e qui adesso uno scatto per cui sono in corrispondenza di un breakpoint adesso c'è un altro scatto e quindi il mio carattere sostanzialmente in corrispondenza di questi punti va ad aumentare questa tipografia tradizionale con le media query. Nel caso della tipografia fluida invece quello che vedete che man mano che io aumento la viewport la dimensione del font sia quella del titolo che quella del carattere aumenta in maniera progressiva e in maniera in questo caso lineare per come l'ho creata io. arriviamo fino in fondo poi dopo riparte l'animazione ma andiamo alla slide successiva fine delle slide con le animazioni quelle violente è andata bene. Cosa permette di fare la tipografia fluida? E' una caratteristica che è stata introdotta nel css qualche anno fa cioè l'introduzione delle lunghezze relative alle dimensioni dello schermo cioè l'introduzione di quattro unità di misura vvw, vh, vmax e vmin che permettono di andare a definire le dimensioni degli oggetti presenti in una pagina in percentuale rispetto alla dimensione della finestra quindi un vvw è un centesimo della larghezza della finestra quindi se una larghezza della finestra è di 800 pixel un vvw sono 8 pixel 2 vvw sono 16 pixel 4 vvw 32 pixel 10 vvw 80 pixel e così via piacere sostanzialmente. Fine dalla parte di introduzione su che cos'è la tipografia fluida qui vi devo presentare in sostanza un amico che ci accompagnerà per tutta la presentazione che questo anonimo appassionato di accessibilità che dopo aver scoperto l'esistenza della tipografia fluida tre anni fa due anni fa addirittura si radetono ma la tipografia fluida è accessibile vediamo se è accessibile qual è il criterio guida esiste un criterio all'interno delle linee guida sull'accessibilità dei contenuti web l'1.4.4 relativo al ridimensionamento del testo che dice che il testo con alcune eccezioni può essere deve poter essere ridimensionato fino al 200 per cento cioè bisogna deve essere possibile raddoppiarne la dimensione senza l'ausilio di tecnologia assistive e senza perdita di contenuto e funzionalità cosa significa senza l'ausilio di tecnologia assistive significa essenzialmente in quattro possibili modi o andando a modificare la dimensione del testo tramite le impostazioni del sistema operativo prima in alto ultima in fondo o inserire nella pagina un controllo per cambiare la scala del contenuto cosa che io sconsiglio di fare perché richiede una quantità di lavoro pazzesca secondo me utilizziamo quelle che sono le impostazioni del browser quindi ho la possibilità di andare a modificare la dimensione di base oppure andare a utilizzare le funzioni la funzione di zoom del browser che permette di andare a scalare il contenuto domanda cosa succede quando cambio la dimensione predefinita l'agnonimo non sa che cosa lo sta aspettando e in che cosa si sta andando a infilare allora qui vedete in sostanza che ho fatto una piccola animazione in cui vado a cambiare la font size lo vedete nell'angolo in alto a destra per cui passo da 16 pixel che è la dimensione predefinita del browser e vado ad aumentare e man mano che aumento quello che verifica e che di per sé il mio testo aumenta di dimensione questo è quello che io normalmente mi aspetterei perché mi aspetterei che succedesse ma questo succede solo se uso delle unità di misura relative quindi dell'unità di misura che mi permettono di definire la dimensione della fonte ad esempio rispetto a altre caratteristiche a rispetto a delle caratteristiche in prince che del carattere l'unità di misura più utilizzata è la rem quindi è sostanzialmente un'unità di misura che dipende dalla dimensione del font del font root quindi in questo caso 16 pixel se non faccio modifiche cambiando la dimensione della root font cambia la dimensione dove salta fuori il problema il problema è che noi abbiamo delle di solito abbiamo a che fare anche con i designer che invece amano un'altra unità di misura che sono i pixel e il problema è che i pixel sono dell'unità di misura assoluta per cui se voi andate a definire l'unità di misura la dimensione del font come in questo caso a 16 pixel il pixel sono unità di misura assoluta e quindi è fissa anche se io cambio come vedete che sta cambiando in realtà nell'angolo in altodestra la root font size in realtà il mio testo non cambia di dimensione questo è il motivo per cui non bisogna andare a utilizzare le unità di misura assolute quando si fa tipografia che sia fluida che sia usando le media query che facciate un sito web statico non usate i pixel per la dimensione dei caratteri perché andate a impedire questo lavoro la domanda a questo punto diventa ma che cosa succede invece se uso l'altro sistema quindi se uso lo zoom beh questo è quello che succede sempre una font size di un rem e vado a fare lo zoom qualcuno sa tecnicamente che cosa succede nel momento in cui io faccio zoom premendo control più o command più a seconda del vostro sistema operativo nel browser nessuno che prova non abbiamo molto tempo per cui non posso aspettare e non potete neanche cercare su google come no vi dò un aiutino non vi dò un aiutino perché la prossima slide svela il segreto in realtà quello che succede è che quando io faccio zoom in realtà io vado a ridurre la view port size e a scalarla proporzionalmente per cui ad esempio se io voglio vado a fare lo zoom del 200 per cento in realtà quello che ottengo è che dimezzo la larghezza della view port size e poi la multipli e poi raddoppio le dimensioni effettive questo è quello che succede qui c'era previsto un premio per chi avesse indovinato ma non è indovinato nessuno e quindi il premio me lo tengo io che non c'era niente in realtà vediamo un attimo che cosa succede allora noi abbiamo detto che per fare tipografia fluida usiamo le view port width quindi una view port width il problema dov'è che se io uso lo zoom se io vado a ridurre la view port width e la scalo proporzionalmente in realtà se la font size è una un centesimo di view port width non cambia assolutamente niente quando faccio zoom per cui in realtà la tipografia fluida utilizzando esclusivamente le view port width non si può fare anonimo questo punto ha detto quindi non c'è speranza sostanzialmente di poter fare tipografia fluida in maniera accessibile si bisogna introduire dei concetti nuovi il primo è la funzione calc che è una funzione che permette di effettuare calcoli per stabilire valori di alcune proprietà css ad esempio posso andare a fare la somma di due lunghezze utilizzando l'operatore più e circondando l'operatore più da spazi qui ad esempio qui è una fun size dicendo che è uguale a calc e vado a prendermi sostanzialmente il buono che c'è nell'unità di misura rem e il buono che c'è nell'unità di misura vw e li vado a sommare vediamo un piccolo esempio stessa cosa ad esempio su uno smartphone con una view port di 425 pixel io ho una fun size che è uguale a 1 rem date che ho anche il puntatore una rem qui 16 pixel e poi due view port width per cui è 2 diviso 100 perché in c'è il 2 per cento della view port width quindi 2 per cento di 425 pixel e viene fuori 24.5 pixel 1.024 pixel stessa maniera la prima componente resta uguale cambia la view port width far sto facendo tipografia fluida all'aumentare della view port width aumenta la dimensione del font e questo è un grafico sostanzialmente che mi permette di descrivere che cosa succede utilizzando calc bene cosa succede se vado a cambiare e le domande c'è poco spazio forse alla fine per cui vado avanti e poi dopo eventualmente me le fate dopo cosa succede se io vado a cambiare la dimensione predefinita del font quindi se passo ad esempio da una rem di 16 pixel a una rem di 32 pixel be vado a fare i miei conti tengo una view port width di 425 pixel se rem è un rem è 16 pixel sono 24.5 pixel se un rem sono 32 pixel quindi se raddoppio la rem ottengo 40.5 pixel come dimensione e non funziona perché in realtà 40.5 pixel è meno del doppio di 24.5 quindi in realtà non mi basta raddoppiare la font size la rem quindi la dimensione del carattere dell'elemento root per ottenere un raddoppio effettivo della dimensione del carattere e se faccio zoom in realtà non cambia assolutamente niente perché sto usando le rem in realtà per cui se qui va passo da una view port da uno zoom del 100% a uno zoom del 200% quello che succede è questo vado a dividere per 200% la view port width e poi vado a scalare del 200% quello che ottengo è sempre una dimensione se fate i conti di 40.5 pixel non c'è speranza allora no in realtà c'è speranza perché io devo raddoppiare la dimensione del font non devo fare lo zoom del 200% se io faccio uno zoom del 300% in realtà ottengo una dimensione del font nuova di 56.5 pixel che è più di 49 pixel cioè del doppio di 24.5 pixel quindi si può ottenere a condizione di andare al di sopra del 200% come zoom ma quindi c'è speranza di riuscire a fare questa cosa si ma bisogna fare attenzione perché in realtà i browser mi limitano comunque lo zoom massimo al 500% e ringraziamo il fatto che firefox sia passato negli ultimi due anni anno e mezzo da avere una zoom massimo del 300% a uno zoom massimo del 500% ipotizziamo di essere in questa situazione per cui di avere una font size che è uguale a un rem più 7.5 view port width al 100% è 73.6 pixel qui stiamo parlando di oggetti che sono molto grossi all'interno della pagina per cui titoli o cose simili con uno zoom del 500% la dimensione che ottengo è 137.6 pixel che è meno del doppio l'anonimo ormai non ha più parole pronto a rinunciare ma in realtà cerchiamo di capire dove sta esattamente il problema il problema sta in due situazioni sugli schermi molto piccoli e sugli schermi molto grandi sugli schermi molto piccoli il fattore che pesa di più è la dimensione dell'elemento root quindi se io uso un coefficiente della dimensione dell'elemento root che è molto piccolo in realtà questo oggetto avrà un peso minore rispetto a questo mentre invece normalmente sugli elementi piccoli io voglio che sia il primo addendo che ha un peso maggiore tenete conto anche di una legge non scritta dell'accessibilità che prevede che su i dispositivi mobili per i testi lunghi diciamo non si debba scendere al di sotto dei 16 pixel come dimensione del font ma è una legge non scritta non c'è scritto da nessuna parte volete scriverlo in 8 pixel fatelo pure secondo me non leggerà nessuno però sugli schermi molto grandi invece l'elemento che ha più peso è la parte relativa alla viewport width quindi torniamo al nostro esempio classico quindi in cui abbiamo una rem un rem più due due vv doppio in questo caso se sono con un display 4k quindi con una risoluzione di schermo di 3840 pixel io 16 pixel da questo lato e da questa parte ne ho 76 più o meno 76 virgola 8 per cui in realtà il secondo elemento che ha molto più peso rispetto al primo quindi il problema si verifica quando lo schermo è molto grande e dipende essenzialmente dal fattore di scala questi da questo due questo coefficiente che mi va a moltiplicare la viewport width quindi i problemi sono sulle cose molto piccole e sulle cose molto grandi cosa ci aiuta un'altra funzione css clamp clamp mi va a bloccare un valore intermedio all'interno di un intervallo di valori compresi tra un limite minimo un limite massimo è una funzione che mi richiede tre parametri un valore minimo che è il primo in questo caso un rem un valore intermedio 2.5 vv doppio e un valore massimo 2 rem come funziona esempietto con una tabellina in sostanza io ho diverse viewport width nella prima colonna e vado a calcolarmi il valore preferito che è uguale sostanzialmente al 2.5 per cento della viewport dopo di che vado a vedermi se il valore preferito è al di sotto di 16 pixel cioè di un rem allora mi prendo 16 pixel se sono al di sopra di 32 pixel quindi al di sopra di 2 rem mi prendo 32 pixel in mezzo ho effettivamente tipografia fluida per cui posso andare a un valore che aumenta in maniera lineare e questo è quello che succede ho un valore minimo qui aumenta è un valore massimo se non avessi se non andasse a utilizzare clamp avrei questa linea qui lunga che va da 0 fino all'infinito combiniamo le due cose quindi combiniamo calc da un lato e clamp dall'altro quando riuscirò ad ottenere una soluzione che funziona se io vado a individuare dato un certo valore preferito quali sono i valori di mine di max che mi vanno bene come si fa rivediamo un attimo questa questa formula qui quindi abbiamo la font size che è uguale a calc di un rem più due vw doppio è una funzione sostanzialmente in cui la font size dipende da r che ha un fattore di scala dell'elemento radice k che ha un fattore di scala della larghezza dello schermo e la larghezza dello schermo faccio zoom cosa succede ho una zeta in più una dipendenza in più dallo zoom che di vede la view port width da questo lato e vado a rimolteplicarlo dall'altro tutto quanto quando questa cosa funziona questa cosa funziona quando io posso fare zoom a sufficienza perché la dimensione del carattere era doppi siccome lo zoom massimo è del 500 per cento zeta diventa uguale a 5 e quindi devo fare in modo in sostanza che 5 che facendo lo zoom del 500 per cento che è questa prima cosa qui in alto io ottenga una dimensione del carattere che è più del doppio di questa cosa che c'è qui in basso è una disequazione di primo grado seconda superiore chiedete a cugini figli ipoti dovrebbe riuscire a risolverle a tirarvi fuori che la view port width max massima sostanzialmente deve essere minore uguale a 4800 pixel per il fattore di scala dell'elemento radice diviso il fattore di scala della view port vediamo un esempio quindi abbiamo calco di un rem più 2 vv doppio f uguale r per 16 pixel più k diviso 100 per v r uguale a 1 k uguale a 2 v deve essere minore uguale di 4800 pixel per 1 diviso 2 2400 pixel se sono al di sotto di 2400 pixel come view port width sono a posto sopra non posso andare cosa faccio clampo e quindi mi imposto un valore massimo del font che è uguale alla dimensione preferita in corrispondenza della view port width massima e mi salta fuori 4 rem per andare a decidere il valore minimo io mi appoggio a un altro criterio delle vkag che fa riferimento una larghezza dello schermo di 320 pixel per cui imposto una larghezza dello schermo di 320 pixel e mi vado a vedere qual è la font size vado a sostituirmi i valori semplicemente in corrispondenza di una view uguale a 320 pixel e mi salta fuori che la dimensione minima del carattere deve essere uguale deve essere maggiore uguale a 22.4 pixel poi siccome io odio i valori con le virgole vado a mettere un valore minimo in realtà che uguale a 23 pixel cioè lo arrotondo leggermente e converto in rem ovviamente perché i pixel non si usano fatto quindi io volevo avere una font size che era uguale a un rem più due view port width il valore minimo è quello il valore massimo è quello questa è la mia font size e in questa maniera io sono sicuro che sia tutto accessibile non posso chiedere se è tutto chiaro ma andiamo avanti passiamo a vedere che cosa succede nell'editora blocchi in realtà nell'editora del blocchi noi possiamo andare a selezionare le dimensioni del carattere sostanzialmente andando a gire o a livello delle di editor articoli in questa parte qua in cui mi parla di tipografia e posso andarmi ad esempio dimostra di definire la dimensione utilizzando le dimensioni predefinite del del mio tema in questo caso sto utilizzando il tema predefinito 2023 o posso farlo a livello di site editor per cui anche qui in questo caso mi vado a definire qual è la dimensione predefinita del testo in questo caso è la dimensione media prima grande notizia la tipografia fluida di default è disattivata nell'editora blocchi per cui dovete andare a attivarla manualmente o meglio deve essere il tema che ve la va attivare se voi avete la tipografia fluida disattivata avrete di default quattro font size small 13 pixel medium 20 pixel large 36 pixel e extra large 42 pixel voglio fare tipografia fluida vado a attivarmela questo è un è un estratto sostanzialmente di un file sim punto jason e è necessario passare attraverso il file sim punto jason per poter andare attivare la tipografia fluida semplicemente all'interno dei settings nella sezione typografi io vado a mettermi un attributo fluide true attivo la tipografia fluida nel momento in cui attivo la tipografia fluida bam immediatamente le mie dimensioni predefinite vengono passano dal valore statico 13 20 36 32 pixel che avevo prima a questi oggetti qui abbiamo 13 pixel che resta fisso sullo small dopo vedremo perché e gli altri invece che vengono queste simpatiche formule che vanno così questo sistema è accessibile qualcuno delle idee vi siete persi alla slide numero 4 però se non sapete rispondere no perché pixel giusto non c'è premio scontino a non esserci premio neanche per questa cosa per il problema è che continuo a usare i pixel per cui di per sé la tipografia di default non funziona per cui devo sempre andare a ridefinirmi sostanzialmente le font size utilizzando i rem in quel caso vediamo cosa succede quello che posso fare una volta che ho andato che ho attivato a livello globale la tipografia fluida comunque è andare eventualmente a disattivarmi la tipografia fluida su determinate font size ad esempio voglio che la mia font size medium sia uguale a 1.25 rem senza essere fluida va bene lo faccio vado semplicemente andarmi a aggiungere un attributo fluid false sul all'interno della mia font size specifica quando io attivo la tipografia fluida ho la possibilità di andare ad aggiungere alle singole font size che io mi definisco all'interno del sim punto jason dei valori fluid che sono min e max posso farlo non è obbligatorio farlo se non lo fate lui andrà a calcolarsi automaticamente i valori in una certa maniera ci arriviamo quello che dovete fare sempre comunque però è andare a definire size se voi non definite size sostanzialmente salta tutto un'altra cosa che potete andare a fare per attivare la tipografia fluida è andare a impostare come valore di fluid all'interno di tipografia quindi a livello globale per modo di dire una min font size che di default è 14 pixel questa è stata una modifica che è stata aggiunta nella versione 6.2 di wordpress perché nella versione 6.1 quel valore lì di 14 pixel era fisso e non modificabile adesso invece si può andare a modificare in questo modo qua se io ho una min font size di 14 pixel e vado a impostarmi una dimensione che è sotto la min font size la mia font size non sarà fluida per cui sarà fissa e pari a 13 pixel che se vi ricordate è esattamente quello che abbiamo visto nella slide precedente torniamo un attimo sul concetto di clamp noi prima abbiamo detto che io andavo a clampare il valore effettivo il mio valore preferito all'interno di un valore minimo di font size e di un valore massimo ma io posso andare a vedere questa cosa anche come un clamp della font size tra un valore minimo della viewport width e un valore massimo della viewport width che è esattamente il sistema con cui Gutenberg va a calcolare le font sizes cioè io quando vado a mettere all'interno di un font size di definire il valore minimo il valore massimo questo valore minimo che io definisco è definito in corrispondenza di una viewport di 768 pixel cioè 48 rem e il massimo è il valore della dimensione in corrispondenza di una viewport di 1600 pixel cioè 100 rem detto questo io ho tutti gli ingredienti per fare i miei conti come si va a calcolare il font size fluido se non vado a definire sia il valore minimo che il valore massimo quindi se li definisco entrambi non c'è nessun controllo ma se ne definisco solo uno vado a fare un confronto di size e a vedere se è minore della min font size se size minore di min font size font size non è fluido e il valore pari a size ok per cui è sempre l'esempio di prima di 13 pixel che è più piccolo di 14 pixel se il valore massimo non è impostato vado a prendermi il valore di size che è il motivo per cui è sempre necessario andare a definire size all'interno del all'interno anche della tipografia fluida se il valore minimo non è impostato Gutenberg prende come valore minimo possibile il 75% del valore massimo per cui tre quarti dopo di che se questo valore che io ottengo è più piccolo di min font size utilizzo come valore minimo effettivo min font size altrimenti mi utilizzo il valore calcolato che è i tre quarti del valore massimo fine ad esempio se io mi vado impostare una size di 2 rem il valore massimo è 2 rem il valore minimo è 1.5 rem e automaticamente mi salta fuori questa formula qui di tipografia fluida in Gutenberg se la calco la lui e io mi trovo già il valore pronto per essere utilizzato all'interno dell'editor bello eh senza fare gran casini e quindi questo effettivamente risultato che ottengo mi vado a clampare tra un valore massimo di 1600 pixel e un valore minimo di 768 a livello di viewport la domanda è è accessibile questa cosa mi prendo i miei valori mi faccio i miei conticini e mi salta fuori che la view port with massima in corrispondenza della quale questa cosa funziona è di 5.179 pixel quindi qui c'è già scritto che è accessibile in questo caso qualcuno sa perché qua vi siete persi al torno alla slide 45 per cui è ammesso perché in realtà la viewport massima in corrispondenza della quale io sto andando a calcolare il valore è di 1600 pixel che è abbondantemente sotto i 5.179 quindi in questo caso è accessibile e in generale in generale siccome di per sei i valori di generati da Gutenberg sono definiti tra una viewport minima e una viewport massima 768 pixel e 1600 pixel in realtà i soli parametri in gioco sono le font size minima e massima o quelle che io ho definito o quelle che Gutenberg ha calcolato per me faccio un po' di conti che vi risparmio e salta fuori che l'unica cosa che conta non è neanche il valore esplicito del valore minimo e del valore massimo conta soltanto il loro rapporto se il rapporto tra il valore minimo e il valore massimo è più grande di 0.48 io in Gutenberg sono sicuro di ottenere un font che è accessibile o per lo meno che mi rispetta il criterio 1.4.4 delle vcag quindi ho parlato per mezz'ora e bastava fare una divisione non picchiate mi anche perché sarebbe contro il codice di condotta la triste realtà è che questa cosa sarebbe facile però ad esempio in 2023 esiste una quinta font size predefinita extra extra large in cui il valore minimo è 4 rem il valore massimo è 10 rem 4 diviso 10 ce la potete fare 0.4 che è più grande o più piccolo di 0.48 più piccolo quindi questa cosa non è accessibile peccato ce l'avevamo quasi fatta e l'anonimo effettivamente sono io che sono tre anni che sto cercando di capire come funziona esattamente questa cosa e sono stato nei tempi è miracolosa questa cosa grazie mille grazie stefano grazie stefano devo una risposta c'è una risposta ok una domanda una una domanda ok grazie nessuna domanda grazie della domanda che non hai fatto comunque qualcuna altra domanda dubbi se devo ripetere per la ripeto io per la registrazione le dimensioni minime massime tutte queste cose vanno fatte a livello di sim punto jason non c'è modo a livello di interfaccia né dell'editor di articoli né del site editor in realtà perché queste sono le font sizes sono definite a livello di tema di andare a definire in questo momento poi vediamo esattamente guttenberg in continua evoluzione vediamo esattamente dove andrà non c'è possibilità di andare a fare tipografia di andare a definire questi valori senza utilizzare utilizzare si in punto jason provate a usarlo perché per l'appunto cioè se giocate con questa cosa e se avete il fegato in realtà di andare a guardarvi il codice di guttenberg perché tutti questi conti che io fatto sostanzialmente saltano fuori dal lettura praticamente della funzione di calcolo è divertente perché si capisce Allez esattamente tutto quello che viene fatto è abbastanza ben documentata in realtà non è documentata a livello globale ma passo passo in realtà vi viene detto che cosa succede all'interno della funzione per il calcolo della font size fluida ti chiami scusa ruben grazie della domanda qualcun altro abbiamo un micro tempo per una domanda c'è una domanda tutto ciò è applicabile a tutti i browser o ci sono eccezioni allora tendenzialmente allora io di solito utilizzo per i test ti chiami scusa abriela allora hai fatto già la domanda col microfono per cui non c'è problema allora tendenzialmente io faccio i test utilizzando i browser principali considerando che wordpress ha tolto il supporto internet explorer una plauso per questa cosa c'è tolto il fatto che non supportiamo più internet explorer diciamo che i due grossi motori che ci stanno dietro sono quello di chrome quello di firefox io di solito testo in chrome e in firefox bisognarebbe testare anche altre cose in entrambi browser lo zoom massimo è del 500 per cento e la possibilità di ridimensionare la font size dell'elemento route va fino a 72 pixel che è 4,5 volte 18 pixel per cui in realtà è per quello che io sempre utilizzato non ho più fatto riferimento alla possibilità di aumentare la dimensione dell'elemento route perché in realtà la dimensione di font che si riesce ottenere in quel caso è comunque l'effetto è minore rispetto a quello che si ottiene facendo zoom e l'effetto quello del 500 per cento per cui per l'appunto da quando firefox ha portato lo zoom massimo dal 300 per cento al 500 per cento l'effetto è sostanzialmente lo stesso in tutti i browser prima no è di fatti per un certo periodo di tempo questo era un limite ulteriore in rispetto a questo limite che già c'è grazie stefano ancora un applauso stefano minoglio