Ispettore di font
Font Inspector
Apre un file di font e mostra la copertura dei glifi blocco per blocco, il numero di sillabe hangul, i pesi, gli assi variabili, il permesso di incorporamento e i record di licenza.
Apre un file di font e dice che cosa c’è dentro: i record dei nomi, la licenza e il permesso di incorporamento, le metriche, gli assi variabili e quali blocchi Unicode copre e con quanta completezza. Il testo di esempio è disegnato con il file reale attraverso la FontFace del browser, quindi quello che si vede è il font e non una sua immagine. Non viene caricato nulla.
Trascina qui un file TTF, OTF o WOFF
Letto solo in questa scheda. Il file del carattere non viene caricato da nessuna parte.
name·head·hhea·OS/2·post·maxp·cmap·fvar. Il campione viene disegnato registrando il file con l’oggetto FontFace del browser, quindi è il carattere vero. Di un TTC si legge il primo carattere, e un WOFF va prima scompattato in TTF con il convertitore di formati di font. Un WOFF2 non si riesce a leggere affatto, perché il browser non espone Brotli a una pagina.Come si usa
Trascinare il file
TTF, OTF o WOFF. Un TTC viene letto come il suo primo font. Tutto avviene in questa scheda.
Controllare la copertura prima di ogni altra cosa
La riga delle sillabe hangul è quella che decide se un font può reggere il coreano: 11.172 è completa, 2.350 è l’insieme KS X 1001, e qualche centinaio vuol dire che è stato ridotto per altro. Gli altri blocchi rispondono alla stessa domanda per i simboli di valuta, le frecce e la punteggiatura CJK, che è dove di solito salta fuori che a un font manca qualcosa.
Leggere i record di licenza
La tabella `name` porta il nome di chi ha disegnato il font, il copyright, il testo della licenza e spesso un URL, e il fsType di OS/2 dice quale incorporamento il fornitore consente. È il modo più rapido di scoprire che cosa consente davvero un font che si ha sul disco, prima che finisca su un server.
Digitare il proprio testo nell’esempio
I tre esempi già pronti coprono hangul, alfabeto latino e una riga mista a cinque dimensioni. È la propria stringa a mostrare se le cifre si allineano, se la riga mista sta su un’unica linea di base e se le dimensioni piccole reggono.
Domande frequenti
Non apre il mio WOFF2. Perché?
Il WOFF2 è compresso con Brotli e la piattaforma web non espone a una pagina né un codificatore né un decodificatore Brotli: `CompressionStream` ha deflate e gzip e nient’altro. Quindi nessuno strumento che gira nel browser sa leggerne uno, questo compreso. Va convertito con `woff2_decompress` o con fonttools su un computer, oppure si usa il TTF originale.
Il testo di esempio non è nel mio font. Che cosa è andato storto?
Quando succede la nota nel pannello lo dice: il parser ha letto il file ma la FontFace del browser si è rifiutata di registrarlo, e il messaggio del browser viene stampato. Di solito vuol dire che il file è danneggiato in un modo che il parser tollera e il motore dei font no: un checksum di tabella rotto, oppure una struttura sfnt che il motore rifiuta.
Legge tutte le tabelle OpenType?
No. Legge `name`, `head`, `hhea`, `OS/2`, `post`, `maxp`, `cmap` (formati 0, 4, 6 e 12), `fvar`, `loca` e `glyf`. Le tabelle di impaginazione — `GSUB` e `GPOS`, che contengono crenatura, legature e funzionalità legate a uno specifico sistema di scrittura — sono elencate ma non decodificate, quindi questo strumento non può dire quali funzionalità OpenType un font supporti.
L’anteprima del font variabile non si muove.
L’esempio è disegnato all’istanza predefinita. Gli assi sono elencati con i loro intervalli e i loro valori predefiniti, così si può scrivere da sé `font-variation-settings`, ma questa pagina non ha cursori per muoverli: leggere gli assi e animarli sono lavori diversi, e qui c’è solo il primo.
Può ricevere da
Abbinamento di font
Font Pairing
Propone coppie di font per titoli e testo prese dagli stack di sistema, le fa vedere con il tuo testo e ti passa il CSS.
Ridurre un font ai caratteri usati
Font Subsetter
Taglia un font TrueType lasciando solo i glifi che il tuo testo usa davvero e può impacchettare il risultato in WOFF: è la differenza fra un webfont da 4 MB e uno da 90 KB.
Convertitore di formati di font
Font Converter
Converte TTF e OTF in WOFF e viceversa dentro il browser e scrive la regola @font-face che serve; il WOFF2 richiede Brotli, non lo fa e ti indirizza a un programma da scrivania.
Editor SVG con spiegazioni
SVG Editor and Explainer
Modifica un SVG accanto alla sua resa dal vivo e spiega il file: viewBox e scalatura, trasformazioni, ogni comando di tracciato, il colore ereditato, i byte sprecati e che cosa si rompe dentro un <img>, in un data URI o in linea.
Dopo
Questi accettano ciò che produce questo strumento, così il risultato può passare direttamente.
Convertitore di formati di font
Font Converter
Converte TTF e OTF in WOFF e viceversa dentro il browser e scrive la regola @font-face che serve; il WOFF2 richiede Brotli, non lo fa e ti indirizza a un programma da scrivania.
Abbinamento di font
Font Pairing
Propone coppie di font per titoli e testo prese dagli stack di sistema, le fa vedere con il tuo testo e ti passa il CSS.
Ridurre un font ai caratteri usati
Font Subsetter
Taglia un font TrueType lasciando solo i glifi che il tuo testo usa davvero e può impacchettare il risultato in WOFF: è la differenza fra un webfont da 4 MB e uno da 90 KB.
Selettore di colore
Colour Picker
Sceglie un colore su un campo OKLCH, con il contagocce sullo schermo o da un’immagine caricata, e lo copia nella notazione che vuoi.
Calcolatrice delle proporzioni
Aspect Ratio Calculator
Ricava il lato mancante per una proporzione data ed elenca i formati standard che le corrispondono.
Togliere lo sfondo
Background Remover
Elimina uno sfondo piatto o di un colore solo lavorando in OKLab e restituisce un PNG trasparente, con un pennello per rifinire i bordi.