← Github

Pass A38

Una breve descrizione del font derivato da Titillium Web

Pass A38, un font variabile

Utilizzare le barre di scorrimento per testare il font.

Impostazioni:

wght (100...700):

ital (0...1):

Descrizione

Il font Titillium è stato realizzato dall'Accademia di Belle Arti di Urbino e distribuito con licenza OFL 1.1[1]; è ora distribuito via Google Fonts come Titillium Web in undici diverse versioni[2].

Il font variabile Pass A38 è una derivazione del font Titillium Web (la lettera l minuscola è stata leggermente modificata per cercare di renderla facilmente distinguibile dalla I maiuscola).

Pass A38 ❦ Variabile

Come mostra la tabella, il font Pass A38 permette di riprodurre quasi tutte le varianti di Titillium Web; non è però disponibile la versione "Black" (cioè il caso con weight=900) perché non esiste il corrispondente corsivo.

Weight Tondo Corsivo
100 Thin Thin Italic
200 ExtraLight ExtraLight Italic
300 Light Light Italic
400 Regular Italic
500 Medium Medium Italic
600 SemiBold SemiBold Italic
700 Bold Bold Italic

Il font può essere utilizzato tramite un unico file in formato WOFF2 con il seguente codice CSS.

@font-face {
    font-family: "Pass A38";
    font-weight: 100 700;
    src: url("Pass_A38.woff2") format("woff2-variations");
}

Ovviamente il percorso del file deve essere adattato alla specifica situazione.

Per ottenere correttamente il corsivo con Chrome e Opera, utilizzare il seguente codice CSS.

em, i { font-variation-settings: "ital" 1; font-style:normal }

Nome

Il nome Titillium era un omaggio al compositore Arvo Pärt e alla sua tecnica tintinnabuli[3].

Poiché il font Titillium Web è stato adottato per la pubblica amministrazione italiana[4], la scelta del nome Pass A38 intende essere un omaggio all'ottava fatica di Asterix[5] per ottenere il "lasciapassare A38" („Passierschein A38“ in tedesco) nella «Casa che rende folli».

Caratteristiche

Il font è distribuito nei formati ttf e WOFF2 e sono supportate le seguenti caratteristiche.

'sups' A0123456789 A0123456789
font-feature-settings: 'sups';
'numr' A0123456789 A0123456789
font-feature-settings: 'numr';
'dnom' A0123456789 A0123456789
font-feature-settings: 'dnom';
'subs' A0123456789 A0123456789
font-feature-settings: 'subs';
'frac' A12345/67890 A12345/67890
font-feature-settings: 'frac';
'ss01' 1234 38 1234 38
font-feature-settings: 'ss01';
'ss02' <- -> ^ _ <- -> ^ _
font-feature-settings: 'ss02';
'ss03' 1234567890 1234567890
font-feature-settings: 'ss03';

Sempre in omaggio alla «Casa che rende folli», la caratteristica 'ss01' permette di ottenere i numeri romani dei piani e degli sportelli (solo nell'intervallo 1-9999), mentre la caratteristica 'ss02' permette di mostrare le frecce per orientarsi tra gli sportelli.

Elenco caratteri UNICODE

! " # $ % & ' ( ) * + , - . / 0 1 2 3 4 5 6 7 8 9 : ; < = > ? @ A B C D E F G H I J K L M N O P Q R S T U V W X Y Z [ \ ] ^ _ ` a b c d e f g h i j k l m n o p q r s t u v w x y z { | } ~ ¡ ¢ £ ¤ ¥ ¦ § ¨ © ª « ¬ ® ¯ ° ± ² ³ ´ µ ¶ · ¸ ¹ º » ¼ ½ ¾ ¿ À Á Â Ã Ä Å Æ Ç È É Ê Ë Ì Í Î Ï Ð Ñ Ò Ó Ô Õ Ö × Ø Ù Ú Û Ü Ý Þ ß à á â ã ä å æ ç è é ê ë ì í î ï ð ñ ò ó ô õ ö ÷ ø ù ú û ü ý þ ÿ Ā ā Ă ă Ą ą Ć ć Ĉ ĉ Ċ ċ Č č Ď ď Đ đ Ē ē Ĕ ĕ Ė ė Ę ę Ě ě Ĝ ĝ Ğ ğ Ġ ġ Ģ ģ Ĥ ĥ Ħ ħ Ĩ ĩ Ī ī Ĭ ĭ Į į İ ı IJ ij Ĵ ĵ Ķ ķ Ĺ ĺ Ļ ļ Ľ ľ Ł ł Ń ń Ņ ņ Ň ň Ŋ ŋ Ō ō Ŏ ŏ Ő ő Œ œ Ŕ ŕ Ŗ ŗ Ř ř Ś ś Ŝ ŝ Ş ş Š š Ţ ţ Ť ť Ŧ ŧ Ũ ũ Ū ū Ŭ ŭ Ů ů Ű ű Ų ų Ŵ ŵ Ŷ ŷ Ÿ Ź ź Ż ż Ž ž ſ Ǝ Ə ƒ Ǻ ǻ Ǽ ǽ Ǿ ǿ Ș ș Ț ț ȷ ə ɜ ˆ ˇ ˘ ˙ ˚ ˛ ˜ ˝ ̦ Δ Ω μ π ฿ Ẁ ẁ Ẃ ẃ Ẅ ẅ ẞ ẫ Ằ ễ ỗ Ỳ ỳ Ỹ ỹ ‐ ‑ ‒ – — ‖ ‘ ’ ‚ “ ” „ † ‡ • … ‧ ‰ ‱ ′ ″ ‴ ‹ › ⁂ ⁄ ⁋ ⁰ ⁴ ⁵ ⁶ ⁷ ⁸ ⁹ ₀ ₁ ₂ ₃ ₄ ₅ ₆ ₇ ₈ ₉ ₦ ₪ € ₲ ₴ ₹ ₽ ™ Ω ⅐ ⅑ ⅒ ⅓ ⅔ ⅕ ⅖ ⅗ ⅘ ⅙ ⅚ ⅛ ⅜ ⅝ ⅞ ⅟ Ⅰ Ⅱ Ⅲ Ⅳ Ⅴ Ⅵ Ⅶ Ⅷ Ⅸ Ⅹ Ⅺ Ⅻ Ⅼ Ⅽ Ⅾ Ⅿ ↉ ← ↑ → ↓ ↔ ↕ ↖ ↗ ↘ ↙ ∂ ∆ ∏ ∑ − ∕ ∙ √ ∞ ∫ ≈ ≠ ≡ ≤ ≥ ■ □ ▪ ▫ ▲ △ ▶ ▷ ▼ ▽ ◀ ◁ ◆ ◇ ◊ ○ ● ◦ ◻ ◼ ☙ ❡ ❦ ❧ ➊ ➋ ➌ ➍ ➎ ➏ ➐ ➑ ➒ ➓ ⟦ ⟧ ⟨ ⟩ ⬛ ⬜ Ɜ ff fi fl ffi ffl 🄌

! " # $ % & ' ( ) * + , - . / 0 1 2 3 4 5 6 7 8 9 : ; < = > ? @ A B C D E F G H I J K L M N O P Q R S T U V W X Y Z [ \ ] ^ _ ` a b c d e f g h i j k l m n o p q r s t u v w x y z { | } ~ ¡ ¢ £ ¤ ¥ ¦ § ¨ © ª « ¬ ® ¯ ° ± ² ³ ´ µ ¶ · ¸ ¹ º » ¼ ½ ¾ ¿ À Á Â Ã Ä Å Æ Ç È É Ê Ë Ì Í Î Ï Ð Ñ Ò Ó Ô Õ Ö × Ø Ù Ú Û Ü Ý Þ ß à á â ã ä å æ ç è é ê ë ì í î ï ð ñ ò ó ô õ ö ÷ ø ù ú û ü ý þ ÿ Ā ā Ă ă Ą ą Ć ć Ĉ ĉ Ċ ċ Č č Ď ď Đ đ Ē ē Ĕ ĕ Ė ė Ę ę Ě ě Ĝ ĝ Ğ ğ Ġ ġ Ģ ģ Ĥ ĥ Ħ ħ Ĩ ĩ Ī ī Ĭ ĭ Į į İ ı IJ ij Ĵ ĵ Ķ ķ Ĺ ĺ Ļ ļ Ľ ľ Ł ł Ń ń Ņ ņ Ň ň Ŋ ŋ Ō ō Ŏ ŏ Ő ő Œ œ Ŕ ŕ Ŗ ŗ Ř ř Ś ś Ŝ ŝ Ş ş Š š Ţ ţ Ť ť Ŧ ŧ Ũ ũ Ū ū Ŭ ŭ Ů ů Ű ű Ų ų Ŵ ŵ Ŷ ŷ Ÿ Ź ź Ż ż Ž ž ſ Ǝ Ə ƒ Ǻ ǻ Ǽ ǽ Ǿ ǿ Ș ș Ț ț ȷ ə ɜ ˆ ˇ ˘ ˙ ˚ ˛ ˜ ˝ ̦ Δ Ω μ π ฿ Ẁ ẁ Ẃ ẃ Ẅ ẅ ẞ ẫ Ằ ễ ỗ Ỳ ỳ Ỹ ỹ ‐ ‑ ‒ – — ‖ ‘ ’ ‚ “ ” „ † ‡ • … ‧ ‰ ‱ ′ ″ ‴ ‹ › ⁂ ⁄ ⁋ ⁰ ⁴ ⁵ ⁶ ⁷ ⁸ ⁹ ₀ ₁ ₂ ₃ ₄ ₅ ₆ ₇ ₈ ₉ ₦ ₪ € ₲ ₴ ₹ ₽ ™ Ω ⅐ ⅑ ⅒ ⅓ ⅔ ⅕ ⅖ ⅗ ⅘ ⅙ ⅚ ⅛ ⅜ ⅝ ⅞ ⅟ Ⅰ Ⅱ Ⅲ Ⅳ Ⅴ Ⅵ Ⅶ Ⅷ Ⅸ Ⅹ Ⅺ Ⅻ Ⅼ Ⅽ Ⅾ Ⅿ ↉ ← ↑ → ↓ ↔ ↕ ↖ ↗ ↘ ↙ ∂ ∆ ∏ ∑ − ∕ ∙ √ ∞ ∫ ≈ ≠ ≡ ≤ ≥ ■ □ ▪ ▫ ▲ △ ▶ ▷ ▼ ▽ ◀ ◁ ◆ ◇ ◊ ○ ● ◦ ◻ ◼ ☙ ❡ ❦ ❧ ➊ ➋ ➌ ➍ ➎ ➏ ➐ ➑ ➒ ➓ ⟦ ⟧ ⟨ ⟩ ⬛ ⬜ Ɜ ff fi fl ffi ffl 🄌

Numeri e tabelle

Per facilitare gli allineamenti si sono considerati i caratteri numerici con spaziatura costante. Anche i caratteri relativi alle valute hanno la stessa spaziatura.

| 12,34% 123/456 123,45 $ | 12,34% 123/456 123,45 $ | 12,34% 123/456 123,45 $ |
| 56,78% 234/567 678,90 € | 56,78% 234/567 678,90 € | 56,78% 234/567 678,90 € |
| 90,12% 345/678 123,45 ₹ | 90,12% 345/678 123,45 ₹ | 90,12% 345/678 123,45 ₹ |
| 34,56% 456/789 678,90 ₪ | 34,56% 456/789 678,90 ₪ | 34,56% 456/789 678,90 ₪ |
| 78,90% 567/890 123,45 ₴ | 78,90% 567/890 123,45 ₴ | 78,90% 567/890 123,45 ₴ |

Simboli per elenchi

Il font contiene vari simboli per elenchi puntati; possono essere utilizzati in elenchi con marcatore ul tramite il seguente codice CSS (si hanno risultati diversi con Firefox rispetto a Chrome o Opera).

ul li::marker { font-family: "Pass A38"; }

Un esempio in cui è stato anche modificato il colore dei punti.

Note

1] Titillium, Github.

2] Titillium Web, Google Fonts.

3] Cfr. Titillium, Accademia di Belle Arti di Urbino.

4] G. Sinni, Un carattere per l’identità italiana, «Designers Italia», 18 gen. 2016.

5] Cfr. Le 12 fatiche di Asterix, Wikipedia.