Leggibilmente, 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 (200...800):
ital (0...1):
Descrizione
Atkinson Hyperlegible Next è un font realizzato appositamente per migliorare la leggibilità dei testi e distribuito con licenza OFL 1.1[2]; è distribuito via Google Fonts[3].
Il font variabile Leggibilmente è una derivazione con alcune modifiche e aggiunte di caratteri.
Leggibilmente Variabile
Tabella delle variazioni di Leggibilmente.
| Weight | Tondo | Corsivo |
|---|---|---|
| 200 | ExtraLight | ExtraLight Italic |
| 300 | Light | Light Italic |
| 400 | Regular | Italic |
| 500 | Medium | Medium Italic |
| 600 | SemiBold | SemiBold Italic |
| 700 | Bold | Bold Italic |
| 800 | ExtraBold | ExtraBold Italic |
Il font può essere utilizzato tramite un unico file in formato WOFF2 con il seguente codice CSS.
@font-face {
font-family: "Leggibilmente";
font-weight: 200 800;
src: url("Leggibilmente.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 }
Caratteristiche
Il font è distribuito nei formati ttf e WOFF2 e sono supportate le seguenti caratteristiche.
| 'sups' | A1234567890 | → | A1234567890 | A1234567890 |
| font-feature-settings: 'sups'; | ||||
| 'subs' | A1234567890 | → | A1234567890 | A1234567890 |
| font-feature-settings: 'subs'; | ||||
| 'numr' | 1/ 2/ 3/ 4/ 5/ … | → | 1/ 2/ 3/ 4/ 5/ … | 1/ 2/ 3/ 4/ 5/ … |
| font-feature-settings: 'numr'; | ||||
| 'dnom' | /1 /2 /3 /4 /5 … | → | /1 /2 /3 /4 /5 … | /1 /2 /3 /4 /5 … |
| font-feature-settings: 'dnom'; | ||||
| 'frac' | A12345/67890 | → | A12345/67890 | A12345/67890 |
| font-feature-settings: 'frac'; | ||||
| 'pnum' | A0123456789 | → | A0123456789 | A0123456789 |
| font-feature-settings: 'pnum'; | ||||
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 Ķ ķ Ĺ ĺ Ļ ļ Ľ ľ Ł ł Ń ń Ņ ņ Ň ň Ő ő Œ œ Ŕ ŕ Ř ř Ś ś Ş ş Š š Ţ ţ Ť ť Ū ū Ů ů Ű ű Ų ų Ŵ ŵ Ŷ ŷ Ÿ Ź ź Ż ż Ž ž ƒ Ș ș Ț ț ȷ ˆ ˇ ˉ ˘ ˙ ˚ ˛ ˜ ˝ ̀ ́ ̂ ̃ ̄ ̆ ̇ ̈ ̊ ̋ ̌ ̒ ̦ ̧ ̨ ̵ ̶ ̷ ̸ Δ Ω μ π Ẁ ẁ Ẃ ẃ Ẅ ẅ ẞ Ỳ ỳ – — ‖ ‘ ’ ‚ “ ” „ † ‡ • … ‰ ‹ › ⁄ ⁰ ⁴ ⁵ ⁶ ⁷ ⁸ ⁹ ₀ ₁ ₂ ₃ ₄ ₅ ₆ ₇ ₈ ₉ € ₹ ℓ ™ Ω Å ℮ ∂ ∆ ∏ ∑ − ∕ ∙ √ ∞ ∫ ≈ ≠ ≤ ≥ ◊ ♪
Note
1] Sul genere di font, Accademia della Crusca.
2] Atkinson Hyperlegible Next, Github.
3] Atkinson Hyperlegible Next, Google Fonts.