Αναγνώριση Γραμματοσειράς

Η ανίχνευση γραμματοσειρών είναι ένας γρήγορος, οπτικός επιθεωρητής για χρώματα, αποστάσεις και αντίθεση. Λειτουργεί σε οποιαδήποτε ιστοσελίδα, ανοίγει σε μια συμπαγή πάνελ και θυμάται ένα ασφαλές μέγεθος. Μπορείτε να κλείσετε τον αναγνώριση γραμματοσειράς της επέκτασης είτε κάνοντας κλικ στο σταυρό στο παράθυρο είτε κάνοντας κλικ στο εικονίδιο.

🔥 Κύρια Σημεία

⭐ Καθαρά προεπιλεγμένα CSS: Όλα, ανιχνευτής γραμματοσειρών, τυπογραφία, χρώματα.
⭐️ Ζωντανή επιθεώρηση στη σελίδα με hover και κλικ σε οποιοδήποτε στοιχείο.
⭐️ Σήματα Web/Τοπικά εφαρμογής Chrome αναγνώριση γραμματοσειράς.
⭐️ Αποθηκευμένα στοιχεία για τυπογραφικές αναφορές και συστατικά.

📌 Πώς Λειτουργεί

Hover ή κάντε κλικ για να κλειδώσετε ένα στοιχείο; η πάνελ δείχνει τον επιλογέα, Αντιγραφή CSS. Η ενισχυμένη λειτουργία στον αναγνώριση γραμματοσειράς σας λέει αν η πρόσβαση είναι αποκλεισμένη. Πρέπει να κατεβάσετε κάθε φορά που εκκινείτε την επέκταση, αλλά δεν χρειάζεται να δώσετε ξανά άδεια στον περιηγητή από τον επιλογέα γραμματοσειρών από την ιστοσελίδα.

⚡️ Κύριες Ενέργειες

1. Hover για προεπισκόπηση.
2. Κλικ για κλείδωμα επιλογής.
3. Αντιγραφή καθαρού CSS.
4. Αλλαγή αναγνώριση γραμματοσειράς.
5. Αποθήκευση οποιουδήποτε στοιχείου.
6. Εναλλαγή τυπογραφίας.

🪐 Εμφάνιση & Παράθυρο

Δείξτε ή κρύψτε τις ενότητες τυπογραφίας, χρώματος και απόστασης για να διατηρήσετε το UI μινιμαλιστικό. Το παράθυρο της επέκτασης αναγνώριση γραμματοσειράς Chrome κολλάει στην οθόνη σας, ξεκινά στην καρτέλα στοιχείου και δεν θα ανοίξει ελαχιστοποιημένο.

📚 Προεπιλεγμένα Αντίγραφα

- Όλα τα δεδομένα CSS για ένα πλήρες μπλοκ στυλ.
- Τυπογραφία για έτοιμα σετ κειμένου διάταξης.
- Χρώματα για παλέτα με επεκτάσεις γραμματοσειρών.

🧩 Λεπτομέρειες Τυπογραφίας

Οικογένεια και στοίβα, βάρος με αναγνώσιμα ονόματα, μέγεθος, ύψος γραμμής, απόσταση γραμμάτων/λέξεων, στυλ, παραλλαγή, συν γρήγορα κουμπιά αντιγραφής βάρους. Ο αναγνώριση γραμματοσειράς της επέκτασης Chrome είναι ομαδοποιημένος ώστε να βλέπετε τα απαραίτητα χωρίς ακαταστασία.

🎯 Πρόσθετα Πλεονεκτήματα

1️⃣ Γρήγορη φόρτωση τοπικών πληροφοριών βάσει τομέα σε επιτρεπόμενο τομέα.
2️⃣ Ασφαλή όρια επιλογής μεγέθους γραμματοσειράς επέκτασης Chrome εκτός οθόνης.
3️⃣ Η επανάληψη αποθηκευμένων στοιχείων αποτρέπεται αυστηρά για να διατηρηθεί η καθαριότητα.

💡 Ποιος Ωφελείται

Οι προγραμματιστές front-end μπορεί να βρουν γραμματοσειρές σε ιστοσελίδες, λαμβάνοντας υπόψη τους προγραμματιστές που επαληθεύουν τα αποδοθέντα δεδομένα και τις αποστάσεις; οι σχεδιαστές UI/UX ελέγχουν την τυπογραφία, τα χρώματα και την αντίθεση; οι ομάδες QA/προσβασιμότητας ελέγχουν γρήγορα τα επίπεδα WCAG. Επίσης, ο αναγνώριση γραμματοσειράς για ομάδες που μοιράζονται δεδομένα για συνεπείς σχεδιαστικά συστήματα.

🚀 Γρήγορα Πλεονεκτήματα

➤ Καθαρά δεδομένα CSS.
➤ Γρήγορη επιθεώρηση.
➤ Ένας εξαγωγέας γραμματοσειρών.
➤ Έτοιμοι για αντίθεση.
➤ Αποθηκευμένη αναφορά Web.
➤ Συμπαγής πάνελ.

🧶 Λειτουργία Παύσης

Διακόψτε προσωρινά την επιλογή ώστε να μπορείτε να αλληλεπιδράτε με τη σελίδα ελεύθερα και το εργαλείο επιλογής γραμματοσειρών στο διαδίκτυο να μην λειτουργεί. Πατήστε το όταν χρειάζεται να κάνετε κύλιση, κλικ ή να ενεργοποιήσετε καταστάσεις UI χωρίς να χάσετε τη θέση σας—στη συνέχεια, συνεχίστε την επιθεώρηση σε ένα μόνο βήμα και μπορείτε να προσδιορίσετε τη γραμματοσειρά στην ιστοσελίδα.

🧷 Περιεχόμενα Ληφθέντος Στοιχείου

• URL της ιστοσελίδας.
• Σφραγίδα ονόματος κεντρικού υπολογιστή.
• Ένας επιλογέας στυλ γραμματοσειράς.
• Μέγεθος και βάρος.
• Στυλ + ύψος γραμμής.

🌟 Αποθήκευση Ανατροφοδότησης

Όταν κάνετε κάτι στον επιλογέα γραμματοσειρών για την ιστοσελίδα, η πάνελ δείχνει καθαρές οπτικές ενδείξεις: μια ένδειξη επιτυχίας ενημερώνει τον μετρητή αποθήκευσης, οι ενέργειες αντιγραφής ενεργοποιούν ένα σύντομο μήνυμα υποδείξεως ότι έχει αντιγραφεί στο εικονίδιο, και οι καταστάσεις πρόσβασης του επιλογέα γραμματοσειρών που απορρίπτονται εμφανίζουν μια προειδοποίηση ώστε να ξέρετε ακριβώς τι να διορθώσετε πριν συνεχίσετε.

🧠 Συχνές Ερωτήσεις

Ε: Χρειάζομαι να έχω ανοιχτά τα DevTools;
Α: Όχι, όλα είναι στην πλωτή πάνελ.

Ε: Θα επιβραδύνει τη σελίδα μου;
Α: Η επέκταση επιλογής γραμματοσειρών Chrome είναι καλά βελτιστοποιημένη.

Ε: Λειτουργεί παντού;
Α: Ναι. Η ενισχυμένη λειτουργία χρειάζεται HTTPS για να κατεβάσει τοπικά δεδομένα.

🔎 Παύση vs Ενεργό

Όταν ο επιθεωρητής είναι ενεργός, ο ανιχνευτής γραμματοσειρών από την ιστοσελίδα πιάνει τον κέρσορα σας για να επισημάνει στοιχεία, οπότε τα κλικ και τα hover στη σελίδα παρεμποδίζονται. Ενεργοποιήστε την παύση και η επέκταση “παραμερίζει”: μπορείτε να κάνετε κλικ σε κουμπιά και να αλληλεπιδράσετε με τη σελίδα κανονικά. Έτοιμοι να χρησιμοποιήσετε ξανά τον επιλογέα οικογένειας γραμματοσειρών; Απενεργοποιήστε την παύση και συνεχίστε.

🧰 Έλεγχοι Παραθύρου

◆ Σύρετε για να επανατοποθετήσετε την πάνελ.
◆ Αλλάξτε το μέγεθος των άκρων για να ταιριάζει στην προβολή σας.
◆ Ένας επιλογέας γραμματοσειράς θυμάται το μέγεθος.
◆ Κολλήστε στην τρέχουσα οθόνη σας.
◆ Μεγιστοποιήστε για μια ασφαλή μεγάλη προβολή.

📝 Σύγκριση με Άλλα Εργαλεία

Σε αντίθεση με την επέκταση What Font, η οποία κυρίως αναφέρει το δηλωμένο όνομα οικογένειας, το εργαλείο μας αποκαλύπτει την πραγματική αποδοθείσα πηγή, προσφέρει προεπιλεγμένα καθαρού CSS με ένα κλικ και αποθηκεύει πλήρεις στιγμιότυπα στοιχείων. Διαφορετικά από την επέκταση whatfont, μπορείτε επίσης να φορτώσετε τοπικές προεπιλογές για ακρίβεια και να διατηρήσετε μια λίστα.

☘️ Ξεκινώντας

1️⃣ Ξεκινήστε χρησιμοποιώντας την επέκταση επιλογής γραμματοσειρών ιστοσελίδας, κάντε κλικ στο εικονίδιο, hover ή κάντε κλικ σε ένα στοιχείο.
2️⃣ Εξερευνήστε τις πληροφορίες στο παράθυρο κρύβοντας ενότητες με δεδομένα που δεν χρειάζεστε τώρα.
3️⃣ Ρυθμίστε τη λειτουργία παύσης όταν χρειάζεται να αλλάξετε κάτι χωρίς να μπλοκάρετε από την επέκταση.

❤️ Τελικά Λόγια

Πραγματικά προσπαθήσαμε να δημιουργήσουμε μια εξαιρετική επέκταση επιλογής και είμαστε πάντα ανοιχτοί στην αναγνώριση γραμματοσειράς για περαιτέρω βελτιώσεις. Εγκαταστήστε και απολαύστε άνετη χρήση.