Επιθεώρηση γραμματοσειρών σε κάθε σελίδα
Κάντε hover και κλικ σε κείμενο για να δείτε ζωντανά γραμματοσειρά, μέγεθος, βάρος, στυλ και χρώμα—κοντά στο στοιχείο ή σε πλευρικό πάνελ—χωρίς να ανοίξετε DevTools.
what the font - font finder
Αναγνωρίστε τη γραμματοσειρά και την CSS τυπογραφία σε οποιοδήποτε στοιχείο ιστοσελίδας—οικογένεια, μέγεθος, βάρος, ύψος γραμμής, απόσταση χαρακτήρων, χρώμα και αντίθεση—και αντιγράψτε ή εξαγάγετε ό,τι χρειάζεστε χωρίς να φύγετε από την καρτέλα.
Φτιαγμένο για ζωντανή τυπογραφία
Λειτουργίες
Λεπτομέρειες τυπογραφίας που έχουν σημασία
Δείτε ύψος γραμμής, απόσταση χαρακτήρων, μετασχηματισμό, διακόσμηση και αντίθεση (συμπεριλαμβανομένων ενδείξεων AAA/AA) σε ένα πάνελ.
Αντιγραφή CSS με ένα κλικ
Αντιγράψτε την οικογένεια γραμματοσειράς, το χρώμα ή ένα έτοιμο απόσπασμα CSS για το στοιχείο που επιθεωρήσατε.
Επεξεργασία στυλ στη σελίδα
Ρυθμίστε βάρος, μέγεθος, απόσταση, χρώμα και άλλα στο ζωντανό στοιχείο και επαναφέρετε όταν τελειώσετε την εξερεύνηση.
Όλες οι γραμματοσειρές στη σελίδα
Σαρώστε μοναδικά στυλ κειμένου σε όλη τη σελίδα και μεταβείτε μεταξύ τους όταν ελέγχετε ένα σύστημα σχεδιασμού.
Εξαγωγή και Google Fonts
Εξαγάγετε τυπογραφία ως SCSS ή JSON, ή ανοίξτε αναζήτηση στο Google Fonts για την οικογένεια που βρήκατε.
Απλό by design
Σχετικά με εμάς
Μια επέκταση Chrome που αποκαλύπτει ζωντανή τυπογραφία—γραμματοσειρά, μέγεθος, βάρος, χρώμα και αντίθεση—ώστε να επιθεωρείτε, αντιγράφετε και εξάγετε γραμματοσειρές από οποιαδήποτε ιστοσελίδα.
- —
- Δημοσιευμένο σύνολο χρήσης
- —
- Επαληθευμένος αριθμός κριτικών
Chrome Web Store
Οι χρήστες για εμάς
Ενδεικτικά σχόλια placeholder — οι κριτικές του Chrome Web Store θα τα αντικαταστήσουν όταν συνδεθούν.
★★★★★
“Μπορώ να πάρω οικογένεια, βάρος και hex χρώμα από ζωντανό site χωρίς να ανοίξω DevTools.”
★★★★★
“Η αντιγραφή CSS και αντίθεσης σε ένα πάνελ είναι ακριβώς αυτό που χρειάζομαι κατά τους ελέγχους.”
★★★★★
“Όλες οι γραμματοσειρές στη σελίδα με βοηθά να εντοπίζω γρήγορα ασυνέπειες τυπογραφίας σε landing page.”
Τρία γρήγορα βήματα
Πώς να το χρησιμοποιήσετε
-
Εγκαταστήστε την επέκταση
Προσθέστε το what the font - font finder από το Chrome Web Store και καρφιτσώστε το στη γραμμή εργαλείων.
-
Ξεκινήστε την επιθεώρηση
Ανοίξτε το αναδυόμενο παράθυρο, ξεκινήστε την επιθεώρηση και στη συνέχεια κάντε hover και κλικ σε οποιοδήποτε κείμενο στη σελίδα.
-
Αντιγράψτε ή εξαγάγετε
Αντιγράψτε CSS, εξαγάγετε στυλ, ανοίξτε Google Fonts ή περιηγηθείτε σε όλες τις γραμματοσειρές της σελίδας.
Απαντήσεις πριν την εγκατάσταση
Συχνές ερωτήσεις
Πώς αναγνωρίζω μια γραμματοσειρά σε ιστοσελίδα;
Εγκαταστήστε το what the font - font finder, ξεκινήστε την επιθεώρηση, κάντε hover στο κείμενο και κλικ για να ανοίξετε το πάνελ με οικογένεια, μέγεθος, βάρος και χρώμα.
Μπορώ να αντιγράψω το CSS για το κείμενο που βλέπω;
Ναι. Από το πάνελ μπορείτε να αντιγράψετε την οικογένεια γραμματοσειράς, το χρώμα ή ένα απόσπασμα CSS για το επιθεωρημένο στοιχείο.
Λειτουργεί σε κάθε σελίδα;
Λειτουργεί σε κανονικές καρτέλες ιστοσελίδων. Οι σελίδες συστήματος Chrome και ορισμένα περιορισμένα URL δεν μπορούν να επιθεωρηθούν.
Μπορώ να δω όλες τις γραμματοσειρές που χρησιμοποιούνται σε μια σελίδα;
Χρησιμοποιήστε Όλες οι γραμματοσειρές στη σελίδα για να καταγράψετε μοναδικά ορατά στυλ κειμένου και να ανοίξετε οποιοδήποτε στο πάνελ λεπτομερειών.
Μπορώ να αλλάξω την εμφάνιση κατά την επιθεώρηση;
Ναι. Επεξεργαστείτε βάρος, μέγεθος, απόσταση, χρώμα και σχετικά στυλ στο στοιχείο και επαναφέρετε για να επαναφέρετε το αρχικό.
Πού ανοίγω το Google Fonts;
Όταν η οικογένεια φαίνεται αναζητήσιμη, χρησιμοποιήστε την ενέργεια Google Fonts στο πάνελ για να ανοίξετε αναζήτηση για αυτό το όνομα.