WhatFont – Αναγνώριση γραμματοσειράς σε σελίδα και εικόνα

Τι γραμματοσειρά είναι αυτή; Αναγνωρίστε τη σε σελίδα ή εικόνα: οικογένεια, μέγεθος, πάχος, χρώμα και όλες όσες έχει η σελίδα.

Τι γραμματοσειρά είναι αυτή; Αναγνωρίστε οποιαδήποτε γραμματοσειρά σε ιστοσελίδα ή σε εικόνα — με ένα κλικ Το WhatFont μετατρέπει κάθε ιστότοπο σε δείγμα τυπογραφίας. Περάστε τον δείκτη πάνω από κείμενο για να δείτε τη γραμματοσειρά που πραγματικά αποδίδεται, κάντε κλικ για όλες τις ιδιότητες CSS ή επιλέξτε ένα λογότυπο για να βρείτε τη γραμματοσειρά μέσα σε μια εικόνα. Χωρίς DevTools, χωρίς «Επιθεώρηση στοιχείου», χωρίς εικασίες. 🔍 ΑΝΑΓΝΩΡΙΣΗ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ ΣΕ ΚΑΘΕ ΙΣΤΟΤΟΠΟ • Περάστε τον δείκτη — η υπόδειξη δείχνει τη γραμματοσειρά που όντως αποδίδεται, όχι τη λίστα του CSS • Κάντε κλικ για τα πάντα: οικογένεια, μέγεθος, ύψος γραμμής, βάρος, στυλ και διαγραμμάτωση • Ολόκληρη η στοίβα γραμματοσειρών, με τονισμένη εκείνη που επέλεξε πραγματικά ο browser • Τα βελάκια διατρέχουν τη δομή της σελίδας, ώστε να φτάνετε ακόμη και στη μικρότερη λεζάντα 🖼️ ΓΡΑΜΜΑΤΟΣΕΙΡΑ ΑΠΟ ΕΙΚΟΝΑ Ή ΛΟΓΟΤΥΠΟ • Επιλέξτε οποιαδήποτε περιοχή της οθόνης: λογότυπο, banner, στιγμιότυπο, καρέ βίντεο • Στείλτε την στην οπτική αναζήτηση του Adobe Fonts ή του WhatTheFont με ένα κλικ • Ή αποθηκεύστε το κομμάτι ως PNG και αντιγράψτε το στο πρόχειρο 🗂️ ΟΛΕΣ ΟΙ ΓΡΑΜΜΑΤΟΣΕΙΡΕΣ ΤΗΣ ΣΕΛΙΔΑΣ • Ένα κλικ απαριθμεί κάθε γραμματοσειρά που χρησιμοποιεί η σελίδα • Για την καθεμία: πόσα στοιχεία, ποια βάρη και ποια μεγέθη • Αντιγράψτε το όνομα ή μεταβείτε κατευθείαν στο συγκεκριμένο κείμενο 🎨 ΧΡΩΜΑΤΑ, ΑΝΤΙΘΕΣΗ ΚΑΙ ΕΤΟΙΜΟ CSS • Χρώμα κειμένου σε HEX και RGB — κάντε κλικ σε μια τιμή για να την αντιγράψετε • Λόγος αντίθεσης κατά WCAG ως προς το πραγματικό φόντο, με ετυμηγορία AA / AAA • Αντιγραφή CSS: ολόκληρη η δήλωση γραμματοσειράς, έτοιμη για επικόλληση • Προέλευση: Google Fonts, Adobe Fonts, ο ίδιος ο ιστότοπος ή γραμματοσειρά συστήματος, με σύνδεσμο ⚡ ΠΩΣ ΛΕΙΤΟΥΡΓΕΙ 1. Κάντε κλικ στο εικονίδιο WhatFont ή πατήστε Alt+Shift+F 2. Περάστε τον δείκτη πάνω από κείμενο για να δείτε τη γραμματοσειρά του 3. Κάντε κλικ στο κείμενο για λεπτομέρειες ή πατήστε Capture για γραμματοσειρά σε εικόνα 4. Το Esc απενεργοποιεί τον επιθεωρητή ΓΙΑ ΣΧΕΔΙΑΣΤΕΣ ΚΑΙ ΠΡΟΓΡΑΜΜΑΤΙΣΤΕΣ Συγκεντρώστε τυπογραφικές αναφορές, ανακατασκευάστε ένα design system, βρείτε τη γραμματοσειρά της μάρκας ενός πελάτη, ελέγξτε την προσβασιμότητα των χρωμάτων ή απαντήστε σε δευτερόλεπτα: «τι γραμματοσειρά χρησιμοποιεί αυτός ο ιστότοπος;» 🔒 ΑΠΟΡΡΗΤΟ Το WhatFont λειτουργεί μέσα στο πρόγραμμα περιήγησης και δεν συλλέγει ούτε στέλνει δεδομένα περιήγησης. Η εικόνα φεύγει από το πρόγραμμα περιήγησης μόνο αφού επιλέξετε εσείς υπηρεσία αναζήτησης. ——————————— WhatFont — a free font finder and font identifier for Chrome. Hover over text to see what font a website uses, inspect the full CSS spec (family, size, weight, colour), check WCAG contrast, list every font on the page, and identify fonts from images, logos and screenshots with Adobe Fonts or WhatTheFont visual search.