<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/">
    <channel>
        <title>Aldolat.it &#8212; Post con tag Font</title>
        <link>https://www.aldolat.it/tags/font/</link>
        <description>Ultimi post pubblicati nel tag Font &#8212; aldolat.it</description>
        <generator>Hugo -- gohugo.io</generator>
        <language>it</language>
        <managingEditor>aldolat@gmail.com (Aldo Latino)</managingEditor>
        <webMaster>aldolat@gmail.com (Aldo Latino)</webMaster>
        <copyright>Creative Commons BY-SA 4.0</copyright>
        <lastBuildDate>Sun, 21 Jun 2026 11:07:54 +0200</lastBuildDate>
        <atom:link href="https://www.aldolat.it/tags/font/index.xml" rel="self" type="application/rss+xml" />
        <item>
            <title>Fontconfig 2.18 ignora i font Microsoft</title>
            <link>https://www.aldolat.it/posts/2026/fontconfig-2-18-ignora-font-microsoft/</link>
            <pubDate>Sun, 21 Jun 2026 10:40:53 +0200</pubDate>
            <author>aldolat@gmail.com (Aldo Latino)</author>
            <guid>https://www.aldolat.it/posts/2026/fontconfig-2-18-ignora-font-microsoft/</guid>
            <description>Non so se sia questo il titolo corretto da dare a questo post, ma certamente uno degli effetti introdotti dalla versione 2.18 di fontconfig è che i font Microsoft vengono ignorati, quantomeno nel browser Vivaldi. Ad esempio, il font Georgia non viene usato se un sito (come ilpost.it) lo richiede. Se ne è parlato un bel po&amp;rsquo; in giro (nel forum di Vivaldi, nel forum di Arch, su Reddit e su GitLab) e non sembra essere un problema di Vivaldi, ma del file /etc/fonts/conf.d/48-guessfamily.conf introdotto nella versione 2.18 di fontconfig.</description>
            <content:encoded>&lt;p&gt;Non so se sia questo il titolo corretto da dare a questo post, ma certamente uno&#xA;degli effetti introdotti dalla versione 2.18 di fontconfig è che i font&#xA;Microsoft vengono ignorati, quantomeno nel browser Vivaldi. Ad esempio, il font&#xA;&lt;em&gt;Georgia&lt;/em&gt; non viene usato se un sito (come ilpost.it) lo richiede. Se ne è parlato&#xA;un bel po&amp;rsquo; in giro (&lt;a href=&#34;https://forum.vivaldi.net/topic/118709/vivaldi-ignores-installed-microsoft-fonts-and-always-falls-back-to-liberation&#34;&gt;nel forum di&#xA;Vivaldi&lt;/a&gt;,&#xA;&lt;a href=&#34;https://bbs.archlinux.org/viewtopic.php?id=313799&#34;&gt;nel forum di Arch&lt;/a&gt;,&#xA;&lt;a href=&#34;https://www.reddit.com/r/vivaldibrowser/comments/1u50m3z/v8_update_ignores_systemui_fontfamily_uses_a/&#34;&gt;su Reddit&lt;/a&gt;&#xA;e &lt;a href=&#34;https://gitlab.freedesktop.org/fontconfig/fontconfig/-/work_items/520&#34;&gt;su GitLab&lt;/a&gt;)&#xA;e non sembra essere un problema di Vivaldi, ma del file&#xA;&lt;code&gt;/etc/fonts/conf.d/48-guessfamily.conf&lt;/code&gt; introdotto nella versione 2.18 di&#xA;fontconfig.&lt;/p&gt;&#xA;&lt;p&gt;Senza entrare nei dettagli del funzionamento di fontconfig sui quali non sono&#xA;preparato, &lt;a href=&#34;https://bbs.archlinux.org/viewtopic.php?pid=2300673#p2300673&#34;&gt;la soluzione&lt;/a&gt;&#xA;è molto semplice, vale a dire eliminare il file &lt;code&gt;48-guessfamily.conf&lt;/code&gt;:&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-shell&#34; data-lang=&#34;shell&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;sudo rm /etc/fonts/conf.d/48-guessfamily.conf&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;A seguire dare:&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-shell&#34; data-lang=&#34;shell&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;sudo fc-cache -frv&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;e anche:&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-shell&#34; data-lang=&#34;shell&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;fc-cache -frv&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;Chiudere il browser e le applicazioni sulle quali dobbiamo testare il&#xA;&lt;em&gt;workaround&lt;/em&gt; e riaprirle: il problema dovrebbe essere risolto.&lt;/p&gt;&#xA;&lt;p&gt;L&#39;articolo &lt;a href=&#34;https://www.aldolat.it/posts/2026/fontconfig-2-18-ignora-font-microsoft/&#34;&gt;Fontconfig 2.18 ignora i font Microsoft&lt;/a&gt; è uno scritto di &lt;a href=&#34;https://www.aldolat.it/&#34;&gt;aldolat.it&lt;/a&gt;. Rispettane le &lt;a href=&#34;https://www.aldolat.it/info/#licenza&#34;&gt;condizioni di licenza&lt;/a&gt;.&lt;/p&gt;</content:encoded>
        </item>
        <item>
            <title>L&#39;uno alternativo nel font EB Garamond</title>
            <link>https://www.aldolat.it/posts/2025/uno-alternativo-font-ebgaramond/</link>
            <pubDate>Sun, 29 Jun 2025 11:38:21 +0200</pubDate>
            <author>aldolat@gmail.com (Aldo Latino)</author>
            <guid>https://www.aldolat.it/posts/2025/uno-alternativo-font-ebgaramond/</guid>
            <description>Come se ne sarà accorto chi ama la bellezza dei caratteri tipografici, il font principale di questo sito, è l&amp;rsquo;EB Garamond, il meraviglioso carattere frutto del lavoro fatto da Georg Duffner e poi ripreso da Octavio Pardo, basandosi sullo Specimen composto nel 1592 da Conrad Berner, genero di Christian Egenolff e suo successore presso la fonderia Egenolff-Berner, da cui quindi il nome «EB Garamond». Attualmente questo font è disponibile in due versioni: quella di Duffner e quella di Pardo. La prima è ancora in fase di lavorazione e per poterla usare va compilata, mentre la seconda è più completa (anche se mancano le dimensioni ottiche), presenta più stili ed è disponibile pronta all&amp;rsquo;uso. In questo sito sto usando la versione di Pardo, versione che però non è del tutto identica a quella di Duffner e presenta una differenza in particolare, cosa che è oggetto di questo post.</description>
            <content:encoded>&lt;p class=&#34;dci5&#34;&gt;C&lt;span class=&#34;allsc&#34;&gt;ome se ne&lt;/span&gt; sarà accorto chi ama la bellezza dei caratteri&#xA;tipografici, il font principale di questo sito, è l&amp;rsquo;&lt;em&gt;EB Garamond&lt;/em&gt;, il&#xA;meraviglioso carattere frutto del lavoro fatto da &lt;a href=&#34;http://www.georgduffner.at/ebgaramond/index.html&#34;&gt;Georg&#xA;Duffner&lt;/a&gt; e poi ripreso da&#xA;&lt;a href=&#34;https://github.com/octaviopardo/EBGaramond12&#34;&gt;Octavio Pardo&lt;/a&gt;, basandosi sullo&#xA;&lt;em&gt;Specimen&lt;/em&gt; composto nel 1592 da Conrad Berner, genero di Christian Egenolff e&#xA;suo successore presso la fonderia Egenolff-Berner, da cui quindi il nome «EB&#xA;Garamond». Attualmente questo font è disponibile in due versioni: quella di&#xA;Duffner e quella di Pardo. La prima è ancora in fase di lavorazione e per&#xA;poterla usare va compilata, mentre la seconda è più completa (anche se mancano&#xA;le dimensioni ottiche), presenta più stili ed è disponibile pronta all&amp;rsquo;uso. In&#xA;questo sito sto usando la versione di Pardo, versione che però non è del tutto&#xA;identica a quella di Duffner e presenta una differenza in particolare, cosa che&#xA;è oggetto di questo post.&lt;/p&gt;&#xA;&lt;hr class=&#34;decorative&#34;&gt;&#xA;&#xA;&lt;p&gt;Quando si usano i numeri minuscoli (o &amp;lsquo;saltellanti&amp;rsquo;), spessissimo l’&amp;lsquo;uno&amp;rsquo; non&#xA;appare nella sua forma cui tutti siamo abituati, ma è simile a una &amp;lsquo;i&amp;rsquo; in&#xA;maiuscoletto. Ecco un esempio:&lt;/p&gt;&#xA;&lt;table class=&#34;tabella-glifi&#34;&gt;&#xA;&#x9;&lt;thead&gt;&#xA;&#x9;&#x9;&#x9;&lt;tr&gt;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;th style=&#34;text-align: center&#34;&gt;Glifo&lt;/th&gt;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;th style=&#34;text-align: center&#34;&gt;Descrizione&lt;/th&gt;&#xA;&#x9;&#x9;&#x9;&lt;/tr&gt;&#xA;&#x9;&lt;/thead&gt;&#xA;&#x9;&lt;tbody&gt;&#xA;&#x9;&#x9;&#x9;&lt;tr&gt;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;td style=&#34;text-align: center&#34;&gt;&lt;span class=&#34;sc&#34;&gt;i&lt;/span&gt;&lt;/td&gt;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;td style=&#34;text-align: center&#34;&gt;&amp;lsquo;i&amp;rsquo; in maiuscoletto&lt;/td&gt;&#xA;&#x9;&#x9;&#x9;&lt;/tr&gt;&#xA;&#x9;&#x9;&#x9;&lt;tr&gt;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;td style=&#34;text-align: center&#34;&gt;&lt;span class=&#34;onesc&#34;&gt;1&lt;/span&gt;&lt;/td&gt;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;td style=&#34;text-align: center&#34;&gt;&amp;lsquo;uno&amp;rsquo; minuscolo classico&lt;/td&gt;&#xA;&#x9;&#x9;&#x9;&lt;/tr&gt;&#xA;&#x9;&#x9;&#x9;&lt;tr&gt;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;td style=&#34;text-align: center&#34;&gt;1&lt;/td&gt;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;td style=&#34;text-align: center&#34;&gt;&amp;lsquo;uno&amp;rsquo; minuscolo alternativo&lt;/td&gt;&#xA;&#x9;&#x9;&#x9;&lt;/tr&gt;&#xA;&#x9;&#x9;&#x9;&lt;tr&gt;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;td style=&#34;text-align: center&#34;&gt;&lt;span class=&#34;sc&#34;&gt;i&lt;/span&gt;&lt;span class=&#34;onesc&#34;&gt;1&lt;/span&gt;1&lt;/td&gt;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;td style=&#34;text-align: center&#34;&gt;tutti e tre i glifi in sequenza&lt;/td&gt;&#xA;&#x9;&#x9;&#x9;&lt;/tr&gt;&#xA;&#x9;&lt;/tbody&gt;&#xA;&lt;/table&gt;&#xA;&lt;p class=&#34;table-caption&#34;&gt;&lt;span class=&#34;sc&#34;&gt;Tabella 1.&lt;/span&gt; I tre glifi a raffronto.&lt;/p&gt;&#xA;&lt;p class=&#34;noindent&#34;&gt;Alcuni editori preferiscono che l’&amp;lsquo;uno&amp;rsquo; abbia la sua forma propria, ben&#xA;distinguibile dalla &amp;lsquo;i&amp;rsquo; in maiuscoletto: 1. Sia nella versione di Duffner che in&#xA;quella di Pardo è presente il glifo nelle due versioni, ma mentre in quella del&#xA;primo è possibile accedervi, in quella del secondo no. Per chi conosce un po&amp;rsquo; di&#xA;tecnicismi della creazione dei font, possiamo dire che manca una tabella di&#xA;&lt;em&gt;lookup&lt;/em&gt; per la sostituzione del glifo quando richiesto.&lt;/p&gt;&#xA;&lt;p&gt;Vista questa lacuna, mi sono modificato il font, aggiungendo questa tabella di&#xA;sostituzione per ogni stile usato in questo sito:&lt;/p&gt;&#xA;&lt;figure class=&#34;aligncenter&#34;&gt;&lt;img src=&#34;https://www.aldolat.it/images/2025/06/lookup-table.webp&#34;&#xA;&#x9;&#x9;&#x9;alt=&#34;Figura 1. La tabella di lookup per il numero 1 oldstyle.&#34; width=&#34;637&#34; height=&#34;485&#34;&gt;&lt;figcaption&gt;&#xA;&#x9;&#x9;&#x9;&lt;p&gt;&lt;em&gt;Figura 1&lt;/em&gt;. La tabella di &lt;em&gt;lookup&lt;/em&gt; per il numero 1 &lt;em&gt;oldstyle&lt;/em&gt;.&lt;/p&gt;&#xA;&#x9;&#x9;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&#xA;&lt;p&gt;Ed ecco la differenza (ripeterò il numero uno più volte, perché è quello che fa&#xA;vedere meglio la differenza tra i numeri tabulari e non):&lt;/p&gt;&#xA;&lt;p class=&#34;noindent newpar&#34;&gt;&lt;em&gt;Numeri proporzionali maiuscoli&lt;/em&gt;&lt;/p&gt;&#xA;&lt;p class=&#34;stdnums noindent big&#34;&gt;011123456789&lt;/p&gt;&#xA;&lt;p class=&#34;noindent newpar&#34;&gt;&lt;em&gt;Numeri tabulari maiuscoli&lt;/em&gt;&lt;/p&gt;&#xA;&lt;p class=&#34;stdtabnums noindent big&#34;&gt;011123456789&lt;/p&gt;&#xA;&lt;p class=&#34;noindent newpar&#34;&gt;&lt;em&gt;Numeri proporzionali minuscoli &lt;em&gt;oldstyle&lt;/em&gt;&lt;/em&gt;&lt;/p&gt;&#xA;&lt;p class=&#34;onesc noindent big&#34;&gt;011123456789&lt;/p&gt;&#xA;&lt;p class=&#34;noindent newpar&#34;&gt;&lt;em&gt;Numeri tabulari minuscoli &lt;em&gt;oldstyle&lt;/em&gt;&lt;/em&gt;&lt;/p&gt;&#xA;&lt;p class=&#34;onesc oldtabnums noindent big&#34;&gt;011123456789&lt;/p&gt;&#xA;&lt;p class=&#34;noindent newpar&#34;&gt;&lt;em&gt;Numeri proporzionali minuscoli con l&amp;rsquo;uno alternativo&lt;/em&gt;&lt;/p&gt;&#xA;&lt;p class=&#34;osc noindent big&#34;&gt;011123456789&lt;/p&gt;&#xA;&lt;p class=&#34;noindent newpar&#34;&gt;&lt;em&gt;Numeri tabulari minuscoli con l&amp;rsquo;uno alternativo&lt;/em&gt;&lt;/p&gt;&#xA;&lt;p class=&#34;osc oldtabnums noindent big&#34;&gt;011123456789&lt;/p&gt;&#xA;&lt;hr class=&#34;decorative&#34;&gt;&#xA;&#xA;&lt;p&gt;Spero davvero che Duffner riesca a completare il suo magnifico lavoro: sembra&#xA;che abbia ripreso in mano il progetto nel 2023 in vista della versione 2, con&#xA;una bella &lt;a href=&#34;https://github.com/georgd/EB-Garamond/issues/179&#34;&gt;lista di cose da fare&lt;/a&gt;,&#xA;delle quali per altro alcune già fatte. Questo è quanto scrive&#xA;sul suo repo GitHub in risposta a chi gli aveva chiesto informazioni del&#xA;rapporto tra il suo repository e quello di Pardo:&lt;/p&gt;&#xA;&lt;blockquote&gt;&#xA;&lt;p&gt;I want to reconcile both versions, mainly using Octavio&amp;rsquo;s splines but readding&#xA;the complete feature set. On the way there I want to fix issues reported on&#xA;Octavio&amp;rsquo;s as well as the ones reported here.&lt;/p&gt;&#xA;&lt;p&gt;I&amp;rsquo;ve done some work on the glyphs already and a good amount of the features&#xA;but I&amp;rsquo;m stuck with otf &amp;lt;&amp;gt; fontforge round-tripping. Somewhere in the process&#xA;the splines were damaged&amp;hellip;&lt;sup id=&#34;fnref:1&#34;&gt;&lt;a href=&#34;#fn:1&#34; class=&#34;footnote-ref&#34; role=&#34;doc-noteref&#34;&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;&#xA;&lt;/blockquote&gt;&#xA;&lt;p&gt;Buon lavoro, Georg! Aspettiamo con ansia la versione 2. :&amp;ndash;)&lt;/p&gt;&#xA;&lt;div class=&#34;footnotes&#34; role=&#34;doc-endnotes&#34;&gt;&#xA;&lt;hr&gt;&#xA;&lt;ol&gt;&#xA;&lt;li id=&#34;fn:1&#34;&gt;&#xA;&lt;p&gt;&lt;span class=&#34;sc&#34;&gt;Georg Mayr-Duffner&lt;/span&gt;, &lt;a href=&#34;https://github.com/georgd/EB-Garamond/issues/179#issuecomment-1825979552&#34;&gt;&lt;em&gt;Todo list for v2&lt;/em&gt;&lt;/a&gt;.&amp;#160;&lt;a href=&#34;#fnref:1&#34; class=&#34;footnote-backref&#34; role=&#34;doc-backlink&#34;&gt;&amp;#x21a9;&amp;#xfe0e;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;/li&gt;&#xA;&lt;/ol&gt;&#xA;&lt;/div&gt;&#xA;&lt;p&gt;L&#39;articolo &lt;a href=&#34;https://www.aldolat.it/posts/2025/uno-alternativo-font-ebgaramond/&#34;&gt;L&#39;uno alternativo nel font EB Garamond&lt;/a&gt; è uno scritto di &lt;a href=&#34;https://www.aldolat.it/&#34;&gt;aldolat.it&lt;/a&gt;. Rispettane le &lt;a href=&#34;https://www.aldolat.it/info/#licenza&#34;&gt;condizioni di licenza&lt;/a&gt;.&lt;/p&gt;</content:encoded>
        </item>
        <item>
            <title>Impostare i caratteri in Thunderbird</title>
            <link>https://www.aldolat.it/posts/2024/impostare-caratteri-thunderbird/</link>
            <pubDate>Sun, 22 Dec 2024 19:55:41 +0100</pubDate>
            <author>aldolat@gmail.com (Aldo Latino)</author>
            <guid>https://www.aldolat.it/posts/2024/impostare-caratteri-thunderbird/</guid>
            <description>Come impostare i font in Mozilla Thunderbird secondo le proprie esigenze, specie quelli per le email in solo testo.</description>
            <content:encoded>Come impostare i font in Mozilla Thunderbird secondo le proprie esigenze, specie quelli per le email in solo testo.&lt;p&gt;* * *&lt;/p&gt;&lt;p class=&#34;dc&#34;&gt;C&lt;span class=&#34;allsc&#34;&gt;ome&lt;/span&gt; penso si sia capito dai post precedenti&#xA;(&lt;a href=&#34;https://www.aldolat.it/posts/2024/no-alle-email-in-html-2/&#34;&gt;qui&lt;/a&gt; e&#xA;&lt;a href=&#34;https://www.aldolat.it/posts/2020/no-alle-email-in-html/&#34;&gt;qui&lt;/a&gt;), sono amante della posta elettronica&#xA;in formato solo testo per le ragioni già esposte. Questo comporta che non solo&#xA;scrivo ma anche leggo le email in questo formato semplice: solo in casi&#xA;specifici, quando necessario, attivo la visualizzazione&#xA;&lt;span class=&#34;allsc&#34;&gt;HTML&lt;/span&gt;.&lt;/p&gt;&#xA;&lt;p&gt;Nel leggere le email in formato testo, mi piace poterle leggere alle dimensioni&#xA;che dico io e col font che più mi piace. In Thunderbird esiste la possibilità di&#xA;personalizzare questo aspetto, ma a volte sembra non funzionare: applichiamo il&#xA;font che vogliamo e le dimensioni, ma tornati nelle email vediamo che non&#xA;succede nulla. E questo perché Thunderbird applica le preferenze di font e&#xA;dimensioni per ciascuno dei set di caratteri disponibili.&lt;/p&gt;&#xA;&lt;p&gt;Nelle preferenze di questo client, le opzioni che mi interessano si trovano in&#xA;Menu &amp;gt; Impostazioni &amp;gt; Generale &amp;gt; Caratteri e colori &amp;gt; Avanzate:&lt;/p&gt;&#xA;&lt;figure class=&#34;aligncenter&#34;&gt;&lt;img src=&#34;https://www.aldolat.it/images/2024/12/tb-font-1.webp&#34;&#xA;&#x9;&#x9;&#x9;alt=&#34;Thunderbird-Latin-charset&#34;&gt;&lt;figcaption&gt;&#xA;&#x9;&#x9;&#x9;&lt;p&gt;Le opzioni di Thunderbird per il set di caratteri Latin.&lt;/p&gt;&#xA;&#x9;&#x9;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&#xA;&lt;p&gt;Come si vede, le opzioni sono applicate per il set di caratteri Latin.&#xA;Modificando queste impostazioni, non succede nulla quando leggo un messaggio e&#xA;questo rimane formattato con font e dimensioni predefinite. Nel mio caso devo&#xA;scegliere il set di caratteri &amp;ldquo;Altri sistemi di scrittura&amp;rdquo; che suppongo sia per&#xA;&lt;span class=&#34;allsc&#34;&gt;UTF-8&lt;/span&gt;:&lt;/p&gt;&#xA;&lt;figure class=&#34;aligncenter&#34;&gt;&lt;img src=&#34;https://www.aldolat.it/images/2024/12/tb-font-2.webp&#34;&#xA;&#x9;&#x9;&#x9;alt=&#34;Thunderbird-other-charset&#34;&gt;&lt;figcaption&gt;&#xA;&#x9;&#x9;&#x9;&lt;p&gt;Le opzioni di Thunderbird per il set di caratteri «Altri sistemi di scrittura».&lt;/p&gt;&#xA;&#x9;&#x9;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&#xA;&lt;p&gt;Una volta modificate le preferenze in questo set, i font e le dimensioni dei&#xA;testi delle email appaiono come da mie scelte.&lt;/p&gt;&#xA;&lt;hr class=&#34;decorative&#34;&gt;&#xA;&#xA;&lt;p&gt;&lt;em&gt;Update del 26/01/2025&lt;/em&gt; &amp;mdash; Se vi arrivano ancora email dove il testo è mostrato&#xA;in modo diverso da quello che avete impostato nelle preferenze, guardate nel&#xA;sorgente del messaggio quale sia il &lt;em&gt;charset&lt;/em&gt; utilizzato; col messaggio&#xA;selezionato premete &lt;span class=&#34;allsc&#34;&gt;CTRL + U&lt;/span&gt;, cercate &lt;code&gt;charset=&lt;/code&gt; e&#xA;troverete qualcosa del tipo:&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-text&#34; data-lang=&#34;text&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;charset=&amp;#34;iso8859-5&amp;#34;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;che, in questo caso, corrisponde al set cirillico, per il quale non avevamo&#xA;personalizzato nulla. Nelle preferenze di Thunderbird modificate le opzioni&#xA;anche per questo set di caratteri e il messaggio sarà mostrato come da vostre&#xA;scelte.&lt;/p&gt;&#xA;&lt;p&gt;L&#39;articolo &lt;a href=&#34;https://www.aldolat.it/posts/2024/impostare-caratteri-thunderbird/&#34;&gt;Impostare i caratteri in Thunderbird&lt;/a&gt; è uno scritto di &lt;a href=&#34;https://www.aldolat.it/&#34;&gt;aldolat.it&lt;/a&gt;. Rispettane le &lt;a href=&#34;https://www.aldolat.it/info/#licenza&#34;&gt;condizioni di licenza&lt;/a&gt;.&lt;/p&gt;</content:encoded>
        </item>
        <item>
            <title>Bruno Maag e i font di Google</title>
            <link>https://www.aldolat.it/posts/2012/bruno-maag-font-google/</link>
            <pubDate>Wed, 24 Oct 2012 19:17:35 +0000</pubDate>
            <author>aldolat@gmail.com (Aldo Latino)</author>
            <guid>https://www.aldolat.it/posts/2012/bruno-maag-font-google/</guid>
            <description>Bruno Maag, dirigente della Dalton Maag e creatore della famiglia di font Ubuntu, è stato intervistato da Bitstream per la sua newsletter Creative Characters. Nel numero dello scorso settembre chiarisce la sua posizione in merito al programma di Google nella creazione del suo noto repository di font.&#xA;Google with its free fonts, or libre fonts as they like to call them, is a particular bugbear of mine. Now, if someone wants to make their fonts available for free that is up to them; I have no problems with that. However, it is very different if a giant corporate entity which has a market valuation of a gazillion dollars is asking young and budding designers to submit their fonts for a measly few thousand dollars under the condition of an open source licence. I call this exploitation as well as a complete disregard for design. The result, unfortunately, is that in many cases the fonts are of not very good quality since they have been designed by inexperienced designers.</description>
            <content:encoded>&lt;figure class=&#34;aligncenter&#34;&gt;&lt;img src=&#34;https://www.aldolat.it/images/2012/10/ubuntu-font-webpage.png&#34;&gt;&#xA;&lt;/figure&gt;&#xA;&#xA;&lt;figure class=&#34;alignleft&#34;&gt;&lt;img src=&#34;https://www.aldolat.it/images/2012/10/ubuntu-font-museum.png&#34; width=&#34;150px&#34;&gt;&#xA;&lt;/figure&gt;&#xA;&#xA;&lt;p&gt;&lt;a href=&#34;http://www.daltonmaag.com/people/Bruno_Maag.html&#34;&gt;Bruno Maag&lt;/a&gt;, dirigente della Dalton Maag e creatore della famiglia di font &lt;em&gt;&lt;a href=&#34;http://font.ubuntu.com/&#34;&gt;Ubuntu&lt;/a&gt;&lt;/em&gt;, è stato intervistato da Bitstream per la sua newsletter &lt;em&gt;Creative Characters&lt;/em&gt;. Nel numero dello scorso settembre chiarisce la sua posizione in merito al programma di Google nella creazione del suo noto &lt;a href=&#34;http://www.google.com/webfonts&#34;&gt;repository&lt;/a&gt; di font.&lt;/p&gt;&#xA;&lt;blockquote&gt;&#xA;&lt;p class=&#34;dc&#34;&gt;G&lt;span class=&#34;allsc&#34;&gt;oogle with&lt;/span&gt; its free fonts, or &lt;em&gt;libre fonts&lt;/em&gt; as they like to call them, is a particular bugbear of mine. Now, if someone wants to make their fonts available for free that is up to them; I have no problems with that. However, it is very different if a giant corporate entity which has a market valuation of a gazillion dollars is asking young and budding designers to submit their fonts for a measly few thousand dollars under the condition of an open source licence. I call this exploitation as well as a complete disregard for design. The result, unfortunately, is that in many cases the fonts are of not very good quality since they have been designed by inexperienced designers.&lt;/p&gt;&#xA;&lt;p&gt;The contributors’ argument is that it’s a way to have their work publicised and get some money for it. But I’m convinced it would be far more beneficial for everyone if Google invested the money in scholarships for designers so they can do an internship somewhere, or study type design, and in return get the fonts to be added to their website. And spending so little money in type is an insult considering that it provides a great value to Google’s web services.&lt;/p&gt;&#xA;&lt;p&gt;We designed the Ubuntu font family, and it is available for everyone to use under an open source licence. But we got paid a fair fee to create the fonts, a fee that acknowledges the skill that goes into creating quality fonts, both design-wise and technically. Google should take a leaf from that.&#xA;&lt;br&gt;&#xA;&lt;br&gt;&#xA;&lt;span class=&#34;sc&#34;&gt;Bruno Maag&lt;/span&gt;, &lt;em&gt;&lt;a href=&#34;http://www.myfonts.com/newsletters/cc/201209.html&#34;&gt;Bruno Maag of Dalton Maag&lt;/a&gt;&lt;/em&gt;, &amp;ldquo;Creative Characters. The faces behind the fonts&amp;rdquo;, n. 62, settembre 2012.&lt;/p&gt;&#xA;&lt;/blockquote&gt;&#xA;&lt;p&gt;Traduzione italiana, a cura dell&amp;rsquo;autore del post:&lt;/p&gt;&#xA;&lt;blockquote&gt;&#xA;&lt;p&gt;Google con i suoi caratteri liberi, o &lt;em&gt;libre fonts&lt;/em&gt; come a loro piace chiamarli, è un qualcosa che mi fa particolarmente paura. Vedi, se qualcuno vuole rendere disponibili gratuitamente i suoi caratteri è un affar suo e non ho nulla in contrario. Invece è una cosa molto diversa se una grande realtà aziendale, che ha un valore di mercato immenso, chiede a disegnatori giovani e senza esperienza di inviarle i loro caratteri per poche miserabili migliaia di dollari sotto la condizione di una licenza open source. Per me questo è sfruttamento e anche disprezzo della creatività. Purtroppo il risultato è che in molti casi i caratteri non sono di ottima qualità, visto che sono stati creati da artisti senza esperienza.&lt;/p&gt;&#xA;&lt;p&gt;Il ragionamento di colui che contribuisce è che questo è un modo per far conoscere il proprio lavoro e riceverne un qualche beneficio economico. Ma sono del parere che sarebbe stato molto più proficuo per chiunque se Google avesse investito questi soldi in borse di studio per creativi in modo da far frequentare loro uno stage da qualche parte, oppure per fargli studiare come si progettano i caratteri e, in cambio, poterli aggiungere nel loro sito. Investire così poco nei caratteri è un&amp;rsquo;offesa, considerato che tutto ciò dà un grosso valore aggiunto ai servizi web di Google.&lt;/p&gt;&#xA;&lt;p&gt;Abbiamo disegnato la famiglia dei caratteri Ubuntu ed è disponibile per tutti sotto una licenza aperta. Ma abbiamo ricevuto un adeguato compenso per crearla, un compenso che riconosce la competenza necessaria per la creazione di caratteri di qualità, sia dal punto di vista creativo che tecnico. Google dovrebbe prendere esempio da ciò.&lt;/p&gt;&#xA;&lt;/blockquote&gt;&#xA;&lt;p&gt;L&#39;articolo &lt;a href=&#34;https://www.aldolat.it/posts/2012/bruno-maag-font-google/&#34;&gt;Bruno Maag e i font di Google&lt;/a&gt; è uno scritto di &lt;a href=&#34;https://www.aldolat.it/&#34;&gt;aldolat.it&lt;/a&gt;. Rispettane le &lt;a href=&#34;https://www.aldolat.it/info/#licenza&#34;&gt;condizioni di licenza&lt;/a&gt;.&lt;/p&gt;</content:encoded>
        </item>
        <item>
            <title>@font-face in Ubuntu block notes</title>
            <link>https://www.aldolat.it/posts/2010/font-face-in-ubuntu-block-notes/</link>
            <pubDate>Thu, 04 Feb 2010 11:59:52 +0000</pubDate>
            <author>aldolat@gmail.com (Aldo Latino)</author>
            <guid>https://www.aldolat.it/posts/2010/font-face-in-ubuntu-block-notes/</guid>
            <description>Da un po&amp;rsquo; di tempo a questa parte dovreste vedere questo blog con i font di una famiglia precisa: il Droid. Gran bel font, senza dubbio, che uso anche come carattere standard nella mia linux-box. Dopo averlo provato sul blog senza includerlo negli stili del CSS, ho deciso di renderlo operativo per chiunque usi un browser moderno che legga correttamente la dichiarazione @font-face. In questo articolo condivido alcuni punti fondamentali per l&amp;rsquo;implementazione.</description>
            <content:encoded>&lt;p&gt;Da un po&amp;rsquo; di tempo a questa parte dovreste vedere questo blog con i font di una famiglia precisa: il &lt;a href=&#34;http://www.fontsquirrel.com/foundry/Google-Android&#34;&gt;Droid&lt;/a&gt;. Gran bel font, senza dubbio, che uso anche come carattere standard nella mia linux-box. Dopo averlo provato sul blog senza includerlo negli stili del CSS, ho deciso di renderlo operativo per chiunque usi un browser moderno che legga correttamente la dichiarazione &lt;strong&gt;@font-face&lt;/strong&gt;. In questo articolo condivido alcuni punti fondamentali per l&amp;rsquo;implementazione.&lt;/p&gt;&#xA;&lt;h2 id=&#34;typekit-o-diy&#34;&gt;Typekit o DIY?&lt;/h2&gt;&#xA;&lt;p&gt;Per chi vuole evitare di imparare a incorporare un font nel proprio foglio stile, può utilizzare il servizio di &lt;a href=&#34;http://typekit.com/&#34;&gt;Typekit&lt;/a&gt;, semplice e veloce, che propone &lt;a href=&#34;https://typekit.com/plans&#34;&gt;un account gratuito&lt;/a&gt; per iniziare: un set di font prestabiliti tra i quali scegliere quelli da usare, fino a un massimo di due font.&lt;/p&gt;&#xA;&lt;p&gt;Per chi desidera avere più font senza limiti può pagare per un servizio più esteso oppure può imparare a gestire i font liberamente e senza alcun tipo di limite. Tra l&amp;rsquo;altro non ci sono difficoltà particolari da superare per utilizzare qualsiasi font senza vincoli nel proprio blog.&lt;/p&gt;&#xA;&lt;h2 id=&#34;la-sintassi&#34;&gt;La sintassi&lt;/h2&gt;&#xA;&lt;p&gt;La sintassi è la seguente:&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;@&lt;/span&gt;&lt;span class=&#34;k&#34;&gt;font-face&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nt&#34;&gt;font-family&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;Nome&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;del&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;font&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;usato&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;nel&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;CSS&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;&amp;gt;;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nt&#34;&gt;src&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;nome&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;del&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;font&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;installato&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;nel&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;PC&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;del&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;visitatore&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;e&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;/&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;o&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;percorso&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;del&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;file&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;del&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;font&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;&amp;gt;;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;o&#34;&gt;[&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;font-weight&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;bold&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;&amp;gt;];&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;o&#34;&gt;[&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;font-style&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;italic&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;&amp;gt;];&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;}&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;Vediamo in dettaglio.&lt;/p&gt;&#xA;&lt;p&gt;&lt;code&gt;font-family&lt;/code&gt;: è il nome del font che verrà usato lungo tutto il CSS. Non deve necessariamente essere il vero nome del font, ma anche un nome di fantasia; l&amp;rsquo;importante è che venga utilizzato sempre nella stessa forma tra la dichiarazione &lt;code&gt;@font-face&lt;/code&gt; e gli stili del foglio. È importante inoltre che venga mantenuto identico tra le altre dichiarazioni &lt;code&gt;@font-face&lt;/code&gt; relative agli stili del font (grassetto, corsivo, ecc.).&lt;/p&gt;&#xA;&lt;p&gt;&lt;code&gt;src&lt;/code&gt;: qui si indica il percorso del file del font da dove il browser del visitatore può prelevarlo per renderizzare la pagina. Prima però di farglielo prelevare, è bene indicare al browser di guardare se tra i font già installati nel sistema esiste questo font: per questo motivo si usa &lt;code&gt;local&lt;/code&gt; per indicare il nome o i nomi con cui potrebbe essere individuato. Se il font è installato, verrà usato quello già presente nel sistema, altrimenti si procederà al download del font.&lt;/p&gt;&#xA;&lt;p&gt;&lt;code&gt;font-weight&lt;/code&gt;: si indica se questo font è da utilizzare come grassetto quando negli stili del CSS viene dichiarato &lt;code&gt;font-weight: bold;&lt;/code&gt;.&lt;/p&gt;&#xA;&lt;p&gt;&lt;code&gt;font-style&lt;/code&gt;: in questo caso lo si usa quando è da utilizzare come corsivo. Ovviamente per il grassetto corsivo vanno specificati entrambi gli stili.&lt;/p&gt;&#xA;&lt;h2 id=&#34;esempio-pratico&#34;&gt;Esempio pratico&lt;/h2&gt;&#xA;&lt;p&gt;Facciamo un esempio col font &lt;em&gt;Droid&lt;/em&gt;, utilizzato in questo template. Di questa famiglia di font esistono le varianti Serif, Sans serif e Monospace. Vediamo la Sans serif, che ha solo due stili: il regolare e il grassetto.&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;c&#34;&gt;/* Droid Sans Regular */&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;@&lt;/span&gt;&lt;span class=&#34;k&#34;&gt;font-face&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nt&#34;&gt;font-family&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;s1&#34;&gt;&amp;#39;Droid Sans&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nt&#34;&gt;src&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;url&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;fonts/DroidSans.eot&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;);&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nt&#34;&gt;src&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;local&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;Droid Sans Regular&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;),&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;         &lt;span class=&#34;nt&#34;&gt;local&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;Droid Sans&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;),&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;         &lt;span class=&#34;nt&#34;&gt;local&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;DroidSans&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;),&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;         &lt;span class=&#34;nt&#34;&gt;url&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;fonts/DroidSans.ttf&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;)&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;format&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;truetype&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;);&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;}&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;Il valore per &lt;code&gt;font-family&lt;/code&gt; è quello che ho scelto di usare lungo tutto il CSS. Seguono due linee diverse per l&amp;rsquo;origine del font, cioè due &lt;code&gt;src&lt;/code&gt; distinti: il primo è specifico per Internet Explorer, il secondo è valido per i browser Firefox, Chrome, Safari e Opera. I due &lt;code&gt;src&lt;/code&gt; vengono utilizzati in questo modo: Explorer legge il primo e lì si ferma perché non sa cosa vogliano dire &lt;code&gt;local&lt;/code&gt; e &lt;code&gt;format&lt;/code&gt; presenti nelle righe successive; gli altri non riconoscono il formato &lt;code&gt;.eot&lt;/code&gt; e leggono il successivo &lt;code&gt;src&lt;/code&gt;. Nei tre &lt;code&gt;local&lt;/code&gt; vengono specificati i nomi possibili con cui il browser può trovarli nel sistema: ad esempio, nei Mac il browser lo troverà col nome PostScript &lt;code&gt;(&#39;DroidSans&#39;)&lt;/code&gt; e non con gli altri. Se il browser non trova il font nel sistema, procederà al download dalla directory specificata. Il parametro &lt;code&gt;format&lt;/code&gt; specifica il tipo di font, in questo caso un TrueType; se si fosse trattato di un OpenType, di un WOFF o di un SVG, avremmo avuto rispettivamente:&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;url&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;fonts/DroidSans.otf&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;)&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;format&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;opentype&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;),&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;url&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;fonts/DroidSans.woff&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;)&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;format&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;woff&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;),&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;url&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;fonts/DroidSans.svg@droidsans&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;)&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;format&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;svg&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;);&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 id=&#34;supporto-dei-browser&#34;&gt;Supporto dei browser&lt;/h2&gt;&#xA;&lt;p&gt;Nell&amp;rsquo;attesa che i WOFF diventino probabilmente lo standard per i caratteri sul web, al momento in cui scrivo Firefox, Chrome, Safari e Opera (ultime versioni) supportano tranquillamente i TrueType. Per approfondire l&amp;rsquo;argomento seguite i link riportati in fondo all&amp;rsquo;articolo.&lt;/p&gt;&#xA;&lt;h2 id=&#34;stili-dei-font-presenti-in-questo-blog&#34;&gt;Stili dei font presenti in questo blog&lt;/h2&gt;&#xA;&lt;p&gt;Per avere una panoramica di come questa tecnica è implementata in questo blog, eccovi tutte le dichiarazioni usate:&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;@&lt;/span&gt;&lt;span class=&#34;k&#34;&gt;font-face&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nt&#34;&gt;font-family&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;s1&#34;&gt;&amp;#39;Droid Sans Mono&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nt&#34;&gt;src&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;url&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;fonts/DroidSansMono.eot&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;);&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nt&#34;&gt;src&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;local&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;Droid Sans Mono Regular&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;),&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;         &lt;span class=&#34;nt&#34;&gt;local&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;Droid Sans Mono&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;),&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;         &lt;span class=&#34;nt&#34;&gt;local&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;DroidSansMono&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;),&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;         &lt;span class=&#34;nt&#34;&gt;url&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;fonts/DroidSansMono.ttf&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;)&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;format&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;truetype&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;);&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;}&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;@&lt;/span&gt;&lt;span class=&#34;k&#34;&gt;font-face&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nt&#34;&gt;font-family&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;s1&#34;&gt;&amp;#39;Droid Sans&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nt&#34;&gt;src&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;url&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;fonts/DroidSans.eot&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;);&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nt&#34;&gt;src&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;local&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;Droid Sans Regular&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;),&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;         &lt;span class=&#34;nt&#34;&gt;local&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;Droid Sans&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;),&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;         &lt;span class=&#34;nt&#34;&gt;local&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;DroidSans&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;),&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;         &lt;span class=&#34;nt&#34;&gt;url&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;fonts/DroidSans.ttf&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;)&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;format&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;truetype&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;);&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;}&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;@&lt;/span&gt;&lt;span class=&#34;k&#34;&gt;font-face&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nt&#34;&gt;font-family&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;s1&#34;&gt;&amp;#39;Droid Sans&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nt&#34;&gt;src&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;url&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;fonts/DroidSans-Bold.eot&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;);&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nt&#34;&gt;src&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;local&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;Droid Sans Bold&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;),&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;         &lt;span class=&#34;nt&#34;&gt;local&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;DroidSans-Bold&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;),&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;         &lt;span class=&#34;nt&#34;&gt;url&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;fonts/DroidSans-Bold.ttf&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;)&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;format&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;truetype&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;);&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nt&#34;&gt;font-weight&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;bold&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;}&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;@&lt;/span&gt;&lt;span class=&#34;k&#34;&gt;font-face&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nt&#34;&gt;font-family&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;s1&#34;&gt;&amp;#39;Droid Serif&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nt&#34;&gt;src&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;url&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;fonts/DroidSerif-Regular.eot&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;);&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nt&#34;&gt;src&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;local&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;Droid Serif Regular&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;),&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;         &lt;span class=&#34;nt&#34;&gt;local&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;Droid Serif&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;),&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;         &lt;span class=&#34;nt&#34;&gt;local&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;DroidSerif&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;),&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;         &lt;span class=&#34;nt&#34;&gt;url&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;fonts/DroidSerif-Regular.ttf&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;)&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;format&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;truetype&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;);&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;}&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;@&lt;/span&gt;&lt;span class=&#34;k&#34;&gt;font-face&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nt&#34;&gt;font-family&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;s1&#34;&gt;&amp;#39;Droid Serif&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nt&#34;&gt;src&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;url&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;fonts/DroidSerif-Italic.eot&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;);&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nt&#34;&gt;src&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;local&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;Droid Serif Italic&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;),&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;         &lt;span class=&#34;nt&#34;&gt;local&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;DroidSerif-Italic&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;),&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;         &lt;span class=&#34;nt&#34;&gt;url&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;fonts/DroidSerif-Italic.ttf&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;)&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;format&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;truetype&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;);&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nt&#34;&gt;font-style&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;italic&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;}&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;@&lt;/span&gt;&lt;span class=&#34;k&#34;&gt;font-face&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nt&#34;&gt;font-family&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;s1&#34;&gt;&amp;#39;Droid Serif&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nt&#34;&gt;src&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;url&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;fonts/DroidSerif-Bold.eot&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;);&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nt&#34;&gt;src&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;local&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;Droid Serif Bold&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;),&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;         &lt;span class=&#34;nt&#34;&gt;local&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;DroidSerif-Bold&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;),&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;         &lt;span class=&#34;nt&#34;&gt;url&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;fonts/DroidSerif-Bold.ttf&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;)&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;format&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;truetype&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;);&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nt&#34;&gt;font-weight&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;bold&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;}&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;@&lt;/span&gt;&lt;span class=&#34;k&#34;&gt;font-face&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nt&#34;&gt;font-family&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;s1&#34;&gt;&amp;#39;Droid Serif&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nt&#34;&gt;src&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;url&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;fonts/DroidSerif-BoldItalic.eot&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;);&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nt&#34;&gt;src&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;local&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;Droid Serif Bold Italic&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;),&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;         &lt;span class=&#34;nt&#34;&gt;local&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;DroidSerif-BoldItalic&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;),&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;         &lt;span class=&#34;nt&#34;&gt;url&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;fonts/DroidSerif-BoldItalic.ttf&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;)&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;format&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;truetype&amp;#39;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;);&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nt&#34;&gt;font-style&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;italic&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nt&#34;&gt;font-weight&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;bold&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;}&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 id=&#34;repository-di-font-liberi-o-gratuiti&#34;&gt;Repository di font liberi o gratuiti&lt;/h2&gt;&#xA;&lt;p&gt;Dove trovare i font? Ovviamente potete usare tutti i font presenti nella vostra magnifica distribuzione Linux, tutti liberi da vincoli nell&amp;rsquo;utilizzo che preferite, oppure provate questi link:&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;&lt;a href=&#34;http://www.fontsquirrel.com/&#34;&gt;Font Squirrel&lt;/a&gt;&lt;/li&gt;&#xA;&lt;li&gt;Ralf Herrmann, &lt;a href=&#34;http://opentype.info/demo/webfontdemo.html&#34;&gt;10 Great Free Fonts for @font-face embedding&lt;/a&gt;&lt;/li&gt;&#xA;&lt;li&gt;Smashing Magazine, &lt;a href=&#34;http://www.smashingmagazine.com/2007/11/08/40-excellent-freefonts-for-professional-design/&#34;&gt;40+ Excellent Freefonts For Professional Design&lt;/a&gt;.&lt;/li&gt;&#xA;&lt;li&gt;Web Fonts, &lt;a href=&#34;http://www.webfonts.info/wiki/index.php?title=Fonts_available_for_%40font-face_embedding&#34;&gt;Fonts available for @font-face embedding&lt;/a&gt;.&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;h2 id=&#34;per-approfondire&#34;&gt;Per approfondire&lt;/h2&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;Mozilla Developer Center, &lt;a href=&#34;https://developer.mozilla.org/en/CSS/@font-face&#34;&gt;@font-face&lt;/a&gt;.&lt;/li&gt;&#xA;&lt;li&gt;Mozilla Hacks, &lt;a href=&#34;http://hacks.mozilla.org/2009/06/beautiful-fonts-with-font-face/&#34;&gt;Beautiful fonts with @font-face&lt;/a&gt;.&lt;/li&gt;&#xA;&lt;li&gt;Wikipedia, &lt;a href=&#34;http://en.wikipedia.org/wiki/Web_typography&#34;&gt;Web typography&lt;/a&gt;.&lt;/li&gt;&#xA;&lt;li&gt;Jonathan Snook, &lt;a href=&#34;http://snook.ca/archives/html_and_css/becoming-a-font-embedding-master&#34;&gt;Becoming a Font Embedding Master&lt;/a&gt;.&lt;/li&gt;&#xA;&lt;li&gt;Paul Irish, &lt;a href=&#34;http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/&#34;&gt;Bulletproof @font-face syntax&lt;/a&gt;.&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;L&#39;articolo &lt;a href=&#34;https://www.aldolat.it/posts/2010/font-face-in-ubuntu-block-notes/&#34;&gt;@font-face in Ubuntu block notes&lt;/a&gt; è uno scritto di &lt;a href=&#34;https://www.aldolat.it/&#34;&gt;aldolat.it&lt;/a&gt;. Rispettane le &lt;a href=&#34;https://www.aldolat.it/info/#licenza&#34;&gt;condizioni di licenza&lt;/a&gt;.&lt;/p&gt;</content:encoded>
        </item>
        <item>
            <title>Antialias da favola</title>
            <link>https://www.aldolat.it/posts/2009/antialias-da-favola/</link>
            <pubDate>Sat, 24 Jan 2009 06:12:54 +0000</pubDate>
            <author>aldolat@gmail.com (Aldo Latino)</author>
            <guid>https://www.aldolat.it/posts/2009/antialias-da-favola/</guid>
            <description>Basta un clic per un desktop bello da guardare!&#xA;Non so voi, ma io da sempre ho impostato i font a video così, facendo clic su &amp;ldquo;Leggera&amp;rdquo;.&#xA;Tra le altre cose, ho cambiato da qualche mese il font da usare sul desktop: dal Sans, che mi ha accompagnato da sempre, sto usando con soddisfazione il Lucida Grande, quello che viene usato anche in Mac OS X: è molto leggibile e mi piace davvero. Occupa meno spazio del Sans e finalmente su Firefox ho più spazio libero sull&amp;rsquo;affollata (ma ora finalmente meno!) barra dei segnalibri.</description>
            <content:encoded>&lt;figure class=&#34;aligncenter&#34;&gt;&lt;img src=&#34;https://www.aldolat.it/images/2009/01/hinting.png&#34;&#xA;&#x9;&#x9;&#x9;alt=&#34;Basta un clic per un desktop bello da guardare!&#34;&gt;&lt;figcaption&gt;&#xA;&#x9;&#x9;&#x9;&lt;p&gt;Basta un clic per un desktop bello da guardare!&lt;/p&gt;&#xA;&#x9;&#x9;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&#xA;&lt;p&gt;Non so voi, ma io da sempre ho impostato i font a video così, facendo clic su &amp;ldquo;Leggera&amp;rdquo;.&lt;/p&gt;&#xA;&lt;p&gt;Tra le altre cose, ho cambiato da qualche mese il font da usare sul desktop: dal &lt;em&gt;Sans&lt;/em&gt;, che mi ha accompagnato da sempre, sto usando con soddisfazione il &lt;em&gt;Lucida Grande&lt;/em&gt;, quello che viene usato anche in Mac OS X: è molto leggibile e mi piace davvero. Occupa meno spazio del Sans e finalmente su Firefox ho più spazio libero sull&amp;rsquo;affollata (ma ora finalmente meno!) barra dei segnalibri.&lt;/p&gt;&#xA;&lt;p&gt;L&#39;articolo &lt;a href=&#34;https://www.aldolat.it/posts/2009/antialias-da-favola/&#34;&gt;Antialias da favola&lt;/a&gt; è uno scritto di &lt;a href=&#34;https://www.aldolat.it/&#34;&gt;aldolat.it&lt;/a&gt;. Rispettane le &lt;a href=&#34;https://www.aldolat.it/info/#licenza&#34;&gt;condizioni di licenza&lt;/a&gt;.&lt;/p&gt;</content:encoded>
        </item>
        <item>
            <title>Aggiungere nuove font a Ubuntu</title>
            <link>https://www.aldolat.it/posts/2006/aggiungere-nuove-font-a-ubuntu/</link>
            <pubDate>Fri, 08 Sep 2006 22:00:46 +0000</pubDate>
            <author>aldolat@gmail.com (Aldo Latino)</author>
            <guid>https://www.aldolat.it/posts/2006/aggiungere-nuove-font-a-ubuntu/</guid>
            <description>Utilizzo un metodo che trovo efficace per installare nuove font in Ubuntu.&#xA;Ho creato una cartella Fonts nella mia home. Poi un creato un link simbolico alla cartella /usr/share/fonts.&#xA;sudo ln -s /home/nomeutente/Fonts /usr/share/fonts Con questo sistema, ogni volta che metto una font nella cartella /home/Fonts, Ubuntu leggerà la font.&#xA;Questo in attesa che si faccia un font manager per Linux, alla stregua di Extensis Suitcase o del glorioso Adobe TypeManager.</description>
            <content:encoded>&lt;p&gt;Utilizzo un metodo che trovo efficace per installare nuove font in Ubuntu.&lt;/p&gt;&#xA;&lt;p&gt;Ho creato una cartella Fonts nella mia &lt;code&gt;home&lt;/code&gt;. Poi un creato un link simbolico alla cartella &lt;code&gt;/usr/share/fonts&lt;/code&gt;.&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;sudo ln -s /home/nomeutente/Fonts /usr/share/fonts&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;Con questo sistema, ogni volta che metto una font nella cartella &lt;code&gt;/home/Fonts&lt;/code&gt;, Ubuntu leggerà la font.&lt;/p&gt;&#xA;&lt;p&gt;Questo in attesa che si faccia un font manager per Linux, alla stregua di &lt;em&gt;Extensis Suitcase&lt;/em&gt; o del glorioso &lt;em&gt;Adobe TypeManager&lt;/em&gt;.&lt;/p&gt;&#xA;&lt;p&gt;L&#39;articolo &lt;a href=&#34;https://www.aldolat.it/posts/2006/aggiungere-nuove-font-a-ubuntu/&#34;&gt;Aggiungere nuove font a Ubuntu&lt;/a&gt; è uno scritto di &lt;a href=&#34;https://www.aldolat.it/&#34;&gt;aldolat.it&lt;/a&gt;. Rispettane le &lt;a href=&#34;https://www.aldolat.it/info/#licenza&#34;&gt;condizioni di licenza&lt;/a&gt;.&lt;/p&gt;</content:encoded>
        </item>
        <item>
            <title>Font Microsoft</title>
            <link>https://www.aldolat.it/posts/2006/font-microsoft/</link>
            <pubDate>Fri, 01 Sep 2006 19:41:48 +0000</pubDate>
            <author>aldolat@gmail.com (Aldo Latino)</author>
            <guid>https://www.aldolat.it/posts/2006/font-microsoft/</guid>
            <description>È consigliabile &amp;mdash; solo per una questione di compatibilità tra piattaforme diverse &amp;mdash; installare il set di font della Microsoft, fornite gratuitamente e a patto di ridistribuirle così come sono.&#xA;Da terminale diamo:&#xA;sudo apt-get install msttcorefonts Ci ritroveremo col TimesNewRoman, l&amp;rsquo;Arial, il Verdana &amp;amp; Co. installati.</description>
            <content:encoded>&lt;p&gt;È consigliabile &amp;mdash; solo per una questione di compatibilità tra piattaforme diverse &amp;mdash; installare il set di font della Microsoft, fornite gratuitamente e a patto di ridistribuirle così come sono.&lt;/p&gt;&#xA;&lt;p&gt;Da terminale diamo:&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;sudo apt-get install msttcorefonts&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;Ci ritroveremo col TimesNewRoman, l&amp;rsquo;Arial, il Verdana &amp;amp; Co. installati.&lt;/p&gt;&#xA;&lt;p&gt;L&#39;articolo &lt;a href=&#34;https://www.aldolat.it/posts/2006/font-microsoft/&#34;&gt;Font Microsoft&lt;/a&gt; è uno scritto di &lt;a href=&#34;https://www.aldolat.it/&#34;&gt;aldolat.it&lt;/a&gt;. Rispettane le &lt;a href=&#34;https://www.aldolat.it/info/#licenza&#34;&gt;condizioni di licenza&lt;/a&gt;.&lt;/p&gt;</content:encoded>
        </item>
    </channel>
</rss>
