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

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

Ίσως συναντάτε έναν ελκυστικό ιστότοπο κατά την περιήγηση στον Ιστό και θέλετε να μάθετε ποιες γραμματοσειρές χρησιμοποιεί. Με τις διαδικτυακές επεκτάσεις και το ενσωματωμένο εργαλείο Inspect Element του προγράμματος περιήγησής σας, η αναγνώριση μιας γραμματοσειράς είναι γρήγορη και εύκολη.

Σε περίπτωση που δεν το γνωρίζετε, το ενσωματωμένο εργαλείο επιθεώρησης Element σας επιτρέπει να εξετάσετε τον πηγαίο κώδικα ενός ιστότοπου. Μπορείτε να κατανοήσετε τα στοιχεία σχεδίασης ενός ιστότοπου κοιτάζοντας το CSS, το HTML και άλλες πληροφορίες. Είναι ένας πολύ καλός τρόπος για να αποκτήσετε έμπνευση κατά το σχεδιασμό του δικού σας ιστότοπου.

Η διαδικασία αναγνώρισης μιας γραμματοσειράς χρησιμοποιώντας το εργαλείο Inspect Element είναι αρκετά απλή και δεν θα χρειαστείτε δεξιότητες κωδικοποίησης. Αυτό το εργαλείο είναι διαθέσιμο σε όλα τα προγράμματα περιήγησης στην αγορά και το καθένα έχει παρόμοια διάταξη.

Δείτε πώς μπορείτε να προσδιορίσετε μια γραμματοσειρά χρησιμοποιώντας το εργαλείο επιθεώρησης του προγράμματος περιήγησής σας.

1. Ανοίξτε τον ιστότοπο που θέλετε να χρησιμοποιήσετε.
2. Επισημάνετε το κείμενο με τη γραμματοσειρά που θέλετε να προσδιορίσετε και κάντε δεξί κλικ σε αυτό.
3. Κάντε κλικ στο Επιθεωρώ από το μενού περιβάλλοντος.
4. Όταν ανοίξει το μενού Επιθεώρηση, κάντε κλικ στο Υπολογισμένο.
5. Κάντε κύλιση προς τα κάτω για να βρείτε το Οικογένεια γραμματοσειρών Ενότητα. Εδώ, μπορείτε να βρείτε το όνομα και το στυλ της γραμματοσειράς, καθώς και τις διαστάσεις της.

Εάν θέλετε έναν πιο γρήγορο τρόπο να βρείτε τη γραμματοσειρά ενός ιστότοπου χρησιμοποιώντας το εργαλείο επιθεώρησης, δοκιμάστε αυτό:

1. Ανοίξτε τον ιστότοπο που θέλετε να χρησιμοποιήσετε.
2. Τύπος Ctrl + Shift + C (Cmd + Shift + C σε Mac).
3. Τοποθετήστε τον δείκτη του ποντικιού πάνω στο κείμενο για να εμφανίσετε το στυλ γραμματοσειράς, το μέγεθος, τον κωδικό χρώματος και το περιθώριο.

Μπορείτε επίσης να ελέγξετε τη λίστα των γραμματοσειρών που χρησιμοποιούνται σε μια ιστοσελίδα χρησιμοποιώντας το εργαλείο επιθεώρησης. Δείτε πώς μπορείτε να το κάνετε αυτό:

1. Μεταβείτε στην ιστοσελίδα.
2. Ανοίξτε τον πηγαίο κώδικα πατώντας Ctrl + Shift + I (Cmd + Shift + I σε Mac).
3. Κάντε κλικ στο Δίκτυο και στη συνέχεια επιλέξτε το Γραμματοσειρά αυτί.
4. Εδώ, θα δείτε μια λίστα με όλες τις γραμματοσειρές που χρησιμοποιούνται στην ιστοσελίδα.

Για να λάβετε τη λίστα όλων των γραμματοσειρών σε πραγματικό χρόνο, ίσως χρειαστεί να ανανεώσετε την ιστοσελίδα.

Σχετιζομαι με: Πώς να αυξήσετε ή να μειώσετε το μέγεθος της γραμματοσειράς στον Firefox

Τρόπος αναγνώρισης γραμματοσειρών με χρήση επεκτάσεων προγράμματος περιήγησης

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

Ας ρίξουμε μια ματιά στη διαδικασία αναγνώρισης γραμματοσειρών χρησιμοποιώντας και τις δύο επεκτάσεις.

1. Τι

Το WhatFont είναι ευρέως δημοφιλές για γρήγορη ανίχνευση πολλαπλών γραμματοσειρών ταυτόχρονα. Δείτε πώς μπορείτε να χρησιμοποιήσετε αυτό το εργαλείο.

1. Όταν το WhatFont είναι ενεργοποιημένο στο πρόγραμμα περιήγησής σας, τοποθετήστε το δείκτη του ποντικιού πάνω από το κείμενο για να εμφανιστεί η γραμματοσειρά του.
2. Μόλις κάνετε κλικ στο κείμενο, θα εμφανιστεί ένα αναδυόμενο παράθυρο με τις υπόλοιπες λεπτομέρειες γραμματοσειράς, όπως το μέγεθος, το χρώμα και το στυλ της γραμματοσειράς.
3. Επιπλέον, μπορείτε να επιλέξετε πολλές ενότητες κειμένου ταυτόχρονα για να συγκρίνετε διαφορετικές γραμματοσειρές στην ίδια σελίδα.

Κατεβάστε: WhatFont για Χρώμιο | Firefox | Σαφάρι (Ελεύθερος)

2. Εύρεση γραμματοσειράς

Το Font Finder εμφανίζει επίσης λεπτομέρειες γραμματοσειράς όταν τοποθετείτε το δείκτη του ποντικιού σε οποιοδήποτε κείμενο σε έναν ιστότοπο. Ωστόσο, παρέχει πολλές τεχνικές λεπτομέρειες, οπότε μπορεί να γίνει λίγο συγκεχυμένο εάν δεν είστε εξοικειωμένοι με το σχεδιασμό ιστοσελίδων.

Ωστόσο, το Font Finder είναι πιο κατάλληλο για προγραμματιστές ιστού που θέλουν να αντικαταστήσουν υπάρχουσες γραμματοσειρές με νέες σε πραγματικό χρόνο. Αυτό διευκολύνει τον έλεγχο γραμματοσειρών πριν πραγματοποιήσετε μόνιμες αλλαγές.

Δείτε πώς μπορείτε να δοκιμάσετε μια γραμματοσειρά χρησιμοποιώντας το Font Finder:

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

Κατεβάστε: FontFinder για Χρώμιο | Ακρη | Firefox (Ελεύθερος)

Τι γίνεται με τον έλεγχο της γραμματοσειράς σε μια εικόνα;

Εάν θέλετε να προσδιορίσετε τις γραμματοσειρές σε μια εικόνα, οι επεκτάσεις του προγράμματος περιήγησης και το εργαλείο επιθεώρησης του προγράμματος περιήγησής σας ενδέχεται να μην σας βοηθήσουν. Ωστόσο, μπορείτε να δοκιμάσετε διαδικτυακά εργαλεία επιθεώρησης εικόνων όπως WhatFontIs, Γραμματοσειρά, Γραμματοσειρά, WhatTheFont, και πολλοί άλλοι.

Η διαδικασία αναγνώρισης μιας γραμματοσειράς από μια εικόνα είναι σε μεγάλο βαθμό η ίδια σε όλα τα εργαλεία. Ας προσπαθήσουμε να αναγνωρίσουμε τη γραμματοσειρά σε μια εικόνα χρησιμοποιώντας το WhatTheFont.

1. Εάν δεν το έχετε κάνει ήδη, κατεβάστε την εικόνα που θέλετε να χρησιμοποιήσετε.
2. Εισαγάγετε την εικόνα στο WhatTheFont.
3. Το WhatTheFont θα εντοπίσει αυτόματα το κείμενο στην εικόνα σας. Συρρικνώστε ή μεγεθύνετε το πλαίσιο περικοπής έτσι ώστε να περιβάλλει τη γραμματοσειρά που θέλετε να προσδιορίσετε. Χτύπα το κουμπί βέλους όταν τελειώσει.
4. Το WhatTheFont θα ταιριάξει στη συνέχεια με τη γραμματοσειρά της εικόνας με γραμματοσειρές στη συλλογή του και θα σας δείξει γραμματοσειρές που σχετίζονται στενά.
5. Εάν δεν βρείτε καλό αγώνα αμέσως, μπορείτε να συνεχίσετε να κάνετε κλικ Εμφάνιση περισσότερων αποτελεσμάτων για να δείτε περισσότερες σχετικές γραμματοσειρές.

Σχετιζομαι με: Καλύτεροι ιστότοποι δωρεάν γραμματοσειρών για δωρεάν γραμματοσειρές στο διαδίκτυο

Εντοπίστε γραμματοσειρές από τον Ιστό και χρησιμοποιήστε τις στα σχέδιά σας

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

WhatTheFont και 4 εναλλακτικές λύσεις για την εύρεση γραμματοσειρών από εικόνες

Θέλετε να βρείτε γραμματοσειρές από εικόνες; Υπάρχουν διαδικτυακά εργαλεία που μπορούν να το κάνουν για εσάς, όπως το WhatTheFont και διάφορες εναλλακτικές λύσεις.

Διαβάστε Επόμενο

Σχετικά με τον Συγγραφέα