Pass A38, un font variabile ❦
Utilizzare le barre di scorrimento per testare il font (come indicato dall'Accademia della Crusca, si utilizza il maschile[1]).
Impostazioni:
wght (100...700):
ital (0...1):
Descrizione
Titillium è un font realizzato dall'Accademia di Belle Arti di Urbino e distribuito con licenza OFL 1.1[2]; è ora distribuito via Google Fonts come Titillium Web in undici diverse versioni[3].
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[4].
Poiché il font Titillium Web è stato adottato per la pubblica amministrazione italiana[5], la scelta del nome Pass A38 intende essere un omaggio all'ottava fatica di Asterix[6] 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.
Inoltre la caratteristica 'ss04' permette di mostrare le lettere maiuscole A-Z previste nel font Titillium Title nel progetto originario e utilizzabili come capolettera. Non è previsto il corsivo.
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
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"; }
Segue 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
Icone
Dalla versione 2.507 sono presenti alcune icone tratte da UI Kit Italia (rilasciate con licenza CC BY 4.0 International); sono state apportate alcune modifiche (in modo da rendere le icone variabili e abbinabili al testo) e sono state create altre icone aggiuntive.
Passare con il mouse su un'icona per vedere l'animazione relativa alla variabilità (alcune non hanno variazione). Premere sull'icona per copiarne la codifica come carattere del font.
UNICODE
Passare con il puntatore del mouse su un carattere per vedere l'animazione relativa alla variabilità (tondo e corsivo).
! " # $ % & ' ( ) * + , - . / 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 Ĵ ĵ Ķ ķ ĸ Ĺ ĺ Ļ ļ Ľ ľ Ŀ ŀ Ł ł Ń ń Ņ ņ Ň ň ʼn Ŋ ŋ Ō ō Ŏ ŏ Ő ő Œ œ Ŕ ŕ Ŗ ŗ Ř ř Ś ś Ŝ ŝ Ş ş Š š Ţ ţ Ť ť Ŧ ŧ Ũ ũ Ū ū Ŭ ŭ Ů ů Ű ű Ų ų Ŵ ŵ Ŷ ŷ Ÿ Ź ź Ż ż Ž ž ſ Ǝ Ə ƒ Ɲ ƞ DŽ Dž dž LJ Lj lj NJ Nj nj Ǎ ǎ Ǐ ǐ Ǒ ǒ Ǔ ǔ Ǖ ǖ Ǘ ǘ Ǚ ǚ Ǜ ǜ ǝ Ǟ ǟ Ǡ ǡ Ǣ ǣ Ǧ ǧ Ǩ ǩ Ǫ ǫ Ǭ ǭ ǰ DZ Dz dz Ǵ ǵ Ǹ ǹ Ǻ ǻ Ǽ ǽ Ǿ ǿ Ȁ ȁ Ȃ ȃ Ȅ ȅ Ȇ ȇ Ȉ ȉ Ȋ ȋ Ȍ ȍ Ȏ ȏ Ȑ ȑ Ȓ ȓ Ȕ ȕ Ȗ ȗ Ș ș Ț ț Ȟ ȟ Ȧ ȧ Ȩ ȩ Ȫ ȫ Ȭ ȭ Ȯ ȯ Ȱ ȱ Ȳ ȳ ȷ Ʌ ə ɜ ɲ π ฿ Ḁ ḁ Ḃ ḃ Ḅ ḅ Ḇ ḇ Ḉ ḉ Ḋ ḋ Ḍ ḍ Ḏ ḏ Ḑ ḑ Ḓ ḓ Ḕ ḕ Ḗ ḗ Ḙ ḙ Ḛ ḛ Ḝ ḝ Ḟ ḟ Ḡ ḡ Ḣ ḣ Ḥ ḥ Ḧ ḧ Ḩ ḩ Ḫ ḫ Ḭ ḭ Ḯ ḯ Ḱ ḱ Ḳ ḳ Ḵ ḵ Ḷ ḷ Ḹ ḹ Ḻ ḻ Ḽ ḽ Ḿ ḿ Ṁ ṁ Ṃ ṃ Ṅ ṅ Ṇ ṇ Ṉ ṉ Ṋ ṋ Ṍ ṍ Ṏ ṏ Ṑ ṑ Ṓ ṓ Ṕ ṕ Ṗ ṗ Ṙ ṙ Ṛ ṛ Ṝ ṝ Ṟ ṟ Ṡ ṡ Ṣ ṣ Ṥ ṥ Ṧ ṧ Ṩ ṩ Ṫ ṫ Ṭ ṭ Ṯ ṯ Ṱ ṱ Ṳ ṳ Ṵ ṵ Ṷ ṷ Ṹ ṹ Ṻ ṻ Ṽ ṽ Ṿ ṿ Ẁ ẁ Ẃ ẃ Ẅ ẅ Ẇ ẇ Ẉ ẉ Ẋ ẋ Ẍ ẍ Ẏ ẏ Ẑ ẑ Ẓ ẓ Ẕ ẕ ẖ ẗ ẘ ẙ ẞ Ạ ạ Ấ ấ Ầ ầ Ẫ ẫ Ậ ậ Ắ ắ Ằ ằ Ẵ ẵ Ặ ặ Ẹ ẹ Ẽ ẽ Ế ế Ề ề Ễ ễ Ệ ệ Ị ị Ọ ọ Ố ố Ồ ồ Ỗ ỗ Ộ ộ Ụ ụ Ỳ ỳ Ỵ ỵ Ỹ ỹ ‐ ‑ ‒ – — ‖ ‘ ’ ‚ “ ” „ † ‡ • … ‧ ‰ ‱ ′ ″ ‴ ‹ › ⁂ ⁄ ⁋ ⁰ ⁴ ⁵ ⁶ ⁷ ⁸ ⁹ ₀ ₁ ₂ ₃ ₄ ₅ ₆ ₇ ₈ ₉ ₦ ₪ € ₲ ₴ ₹ ₽ ™ Ω Å ⅐ ⅑ ⅒ ⅓ ⅔ ⅕ ⅖ ⅗ ⅘ ⅙ ⅚ ⅛ ⅜ ⅝ ⅞ ⅟ Ⅰ Ⅱ Ⅲ Ⅳ Ⅴ Ⅵ Ⅶ Ⅷ Ⅸ Ⅹ Ⅺ Ⅻ Ⅼ Ⅽ Ⅾ Ⅿ ↉ ← ↑ → ↓ ↔ ↕ ↖ ↗ ↘ ↙ ∂ ∆ ∇ ∏ ∑ − ∓ ∕ ∙ √ ∞ ∫ ≈ ≠ ≡ ≤ ≥ ■ □ ▪ ▫ ▲ △ ▶ ▷ ▼ ▽ ◀ ◁ ◆ ◇ ◊ ○ ● ◦ ◻ ◼ ☙ ❡ ❦ ❧ ➊ ➋ ➌ ➍ ➎ ➏ ➐ ➑ ➒ ➓ ⟦ ⟧ ⟨ ⟩ ⬛ ⬜ ⸮ Ɜ ff fi fl ffi ffl 🄌
Note
1] Sul genere di font, Accademia della Crusca.
2] Titillium, Github.
3] Titillium Web, Google Fonts.
4] Cfr. Titillium, Accademia di Belle Arti di Urbino.
5] G. Sinni, Un carattere per l’identità italiana, «Designers Italia», 18 gen. 2016.
6] Cfr. Le 12 fatiche di Asterix, Wikipedia.