Cronologia versioni di Which Font? - 2 versioni
Which Font? di Hagersew
Cronologia versioni di Which Font? - 2 versioni
Attenzione alle versioni datate. Sono visualizzate solamente per scopi di test e di riferimento.È raccomandato usare sempre l’ultima versione di un componente aggiuntivo.
Ultima versione
Versione 0.2.0
Rilasciato 4 ago 2026 - 769,83 kBCompatibile con firefox109.0 e successivev0.2.0
August 5, 2026
Advanced inspection toolkit
Page typography auditNew "Audit page" button (bottom-right, shown while inspection is on) opens a draggable panel that scans the page and aggregates every font family, size, weight, line-height, and text color in use — with usage counts and color swatches.
Includes Rescan and "Copy palette (JSON)" (design-token format) for sharing or feeding into a design system.
Element compareNew compare button in each card's toolbar opens a dropdown of the other open cards; pick one to get an instant side-by-side diff of both elements' typography, colors, layout, rendered font, and contrast.
Changed properties are highlighted; the footer copies the diff as JSON.
Closing either card dismisses the comparison.
Box model diagramCards now include a DevTools-style box model diagram — nested margin → border → padding → content boxes with per-edge pixel values.
Layout section gained Display, Flex, and Grid summary rows (direction/wrap/gap, template columns/rows/gap) when applicable.
On-page box model overlayNew overlay button in each card's toolbar paints the element's margin, padding, and content regions directly on the page (DevTools-style), with a ring around the border box and a floating color legend.
Sibling comparison: sibling elements get dashed outlines with width × height labels so you can compare boxes visually against neighboring divs.
Regions track the element live on scroll and resize; restored pinned cards re-resolve their element automatically.
Variable font & OpenType detailsNew collapsible "Variable font & OpenType" section showing font-variation-settings, font-feature-settings, stretch, ligatures, caps, and kerning — only when any value is non-default.
Hover tooltipHovering an element in inspection mode now shows a small floating label with its font family and size (e.g. Inter · 16px) before you click.Codice sorgente rilasciato sotto Tutti i diritti riservati
Versioni precedenti
Versione 0.0.1
Rilasciato 26 mag 2026 - 756,68 kBCompatibile con firefox109.0 e successiveCodice sorgente rilasciato sotto Tutti i diritti riservati