Come Funziona ProFontFinder
Uno sguardo approfondito ai nostri algoritmi di OCR, vettorizzazione dei contorni e calcolo della distanza geometrica.
Panoramica dell'Architettura
ProFontFinder opera secondo una logica con zero caricamenti su server. Ciascuna fase di lettura dell'immagine, filtraggio dei bordi, estrazione dei caratteri e confronto avviene in locale nel browser tramite HTML5 Canvas e WebAssembly.
Fase 1: Acquisizione e Normalizzazione in Memoria
Nel momento in cui rilasci un'immagine o uno screenshot:
- Viene decodificata in un contesto Canvas HTML5 fuori schermo nella memoria RAM del browser.
- Non viene inviata alcuna chiamata di rete; nessun byte lascia il dispositivo.
- La sogliatura adattiva di Otsu separa le lettere da sfondi complessi e artefatti visivi.
- Contrasto e risoluzione vengono pareggiati per uniformare lo spessore delle aste.
Fase 2: Vettorizzazione Ottica dei Glifi
Una volta definita la maschera binarizzata:
- L'analisi delle componenti connesse isola i riquadri delimitatori dei singoli caratteri.
- Algoritmi di contour-tracing determinano il perimetro esterno e gli spazi vuoti interni.
- Le misurazioni proporzionali ricavano altezza della x, altezza delle maiuscole, ascendenti e discendenti.
- L'inclinazione delle terminazioni e l'ampiezza dei tagli vengono catalogate tra serif, sans e display.
Fase 3: Misurazione Geometrica su 1.935+ Google Fonts
Le caratteristiche estratte vengono confrontate con la nostra banca dati indicizzata:
- I tratti vettoriali sono tradotti in un'impronta digitale sintetica e normalizzata.
- Il calcolo della distanza euclidea misura l'affinità con i caratteri autenticati di Google Fonts.
- I filtri di categoria (Sans, Serif, Mono, Display, Script) restringono il raggio d'azione.
- La percentuale di confidenza (0-100%) illustra il grado di corrispondenza morfologica.
Fase 4: Generazione di Codice CSS per la Produzione
Le migliori rispondenze sono raccolte in blocchi di codice pronti per essere inseriti nei progetti:
- Tag ufficiali @import e <link> con puntamento al CDN di Google Fonts.
- Dichiarazioni CSS font-family corrette corredate da font di riserva generici.
- Elenco dettagliato dei pesi disponibili e parametri per font variabili.
- Collegamenti alle pagine dei saggi su Google Fonts per visionare le clausole di licenza.
Canvas in Memoria Lato Client
Operando su Canvas HTML5 e manipolando i pixel direttamente in RAM, ProFontFinder compie trasformazioni visive complesse senza ricorrere a server dedicati. Ne scaturiscono reattività istantanea e totale riservatezza.
Garanzia di Nessun Salvataggio
Dato che nessun server esterno riceve i tuoi file, bozze riservate, loghi inediti e screenshot confidenziali rimangono protetti al 100%. Chiudendo la pagina web, la memoria allocata viene liberata seduta stante.