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.
- Esempio di elemento di primo livello
- Esempio di elemento di secondo livello
- Esempio di elemento di terzo livello
- Esempio di elemento di secondo livello
- Esempio di elemento di primo livello
- Esempio di elemento di secondo livello
- Esempio di elemento di terzo livello
- Esempio di elemento di secondo livello
Note
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.