Είτε σας αρέσει ο σχεδιασμός είτε απλώς σας αρέσει η εμφάνιση ενός συγκεκριμένου ιστότοπου, το να γνωρίζετε τι τύπο γραμματοσειράς χρησιμοποιεί ο ιστότοπος και το μέγεθος του μπορεί να σας βοηθήσει να τον μιμηθείτε ή να τον χρησιμοποιήσετε στον δικό σας ιστότοπο. Υπάρχουν διάφοροι τρόποι για να το πετύχετε αυτό και θα σας δείξω μερικούς από αυτούς εδώ. Επομένως, εάν θέλετε να ελέγξετε τον τύπο και το μέγεθος της γραμματοσειράς σε έναν ιστότοπο, διαβάστε!
Με κυριολεκτικά εκατομμύρια γραμματοσειρές εκεί έξω, η εύρεση αυτής της τέλειας μπορεί να διαρκέσει περισσότερο από όσο θα έπρεπε. Όταν εντοπίσετε ένα καλό, πρέπει να μάθετε τι είναι εκεί και μετά, διαφορετικά θα μπορούσατε να το χάσετε οριστικά. Εάν είναι ιδιαίτερα καλό, μπορείτε να το χρησιμοποιήσετε στον δικό σας ιστότοπο, ως γραμματοσειρά του Office ή στα Windows ανάλογα με τον τύπο της γραμματοσειράς. Απλώς φροντίστε να έχετε κατά νου ότι ορισμένες γραμματοσειρές προστατεύονται από πνευματικά δικαιώματα και δεν είναι διαθέσιμες για δημόσια χρήση.
Έλεγχος του τύπου και του μεγέθους γραμματοσειράς σε έναν ιστότοπο
Υπάρχουν μερικοί τρόποι για να ελέγξετε τον τύπο και το μέγεθος της γραμματοσειράς σε οποιονδήποτε ιστότοπο. Η πιο εύκολη μέθοδος χρησιμοποιεί το ίδιο το πρόγραμμα περιήγησης, ενώ άλλες χρησιμοποιούν εργαλεία τρίτων για τον εντοπισμό στοιχείων σελίδων. Θα καλύψω και τους δύο τύπους. Αρχικά, θα εστιάσουμε στη μέθοδο του ενσωματωμένου προγράμματος περιήγησης.
- Κάντε δεξί κλικ στη σελίδα που σας αρέσει η εμφάνιση και επιλέξτε Επιθεώρηση στοιχείου (Firefox), Επιθεωρώ (Chrome) ή F12Εργαλεία προγραμματιστή (Ακρη).
- Επιλέγω Επιθεωρητής (Firefox) ή Υπολογισμένο (Chrome) στα νέα κάτω παράθυρα και μετακινηθείτε προς τα κάτω στα δεξιά μέχρι να φτάσετε Γραμματοσειρά ή μέγεθος γραμματοσειράς. Θα πρέπει να δείχνει την οικογένεια γραμματοσειρών, τη συγκεκριμένη γραμματοσειρά που χρησιμοποιείται, το μέγεθός της, το χρώμα της και οτιδήποτε άλλο ορίζει η σελίδα.
Διαφορετικά CMS και διαφορετικά σχέδια ιστού εμφανίζουν τις πληροφορίες γραμματοσειράς τους με διάφορους τρόπους. Δοκιμάστε αυτήν τη μέθοδο σε μερικές ιστοσελίδες και πιθανότατα θα δείτε μερικούς διαφορετικούς τρόπους με τους οποίους ορίζονται οι γραμματοσειρές.
Εργαλεία τρίτων για τον προσδιορισμό του τύπου και του μεγέθους γραμματοσειράς
Υπάρχουν μερικά πρόσθετα τρίτων που λειτουργούν είτε ως πρόσθετα είτε ως σελιδοδείκτες και μπορούν να αναγνωρίσουν τύπους γραμματοσειρών. Λειτουργούν με τα περισσότερα προγράμματα περιήγησης, συμπεριλαμβανομένου του Safari, επομένως θα πρέπει να βρείτε κάτι με το οποίο μπορείτε να εργαστείτε χωρίς πολύ κόπο.
Φωτιά
Το Firebug ήταν ένα εργαλείο εντοπισμού σφαλμάτων μόνο του Firefox για προγραμματιστές. Έγινε τόσο δημοφιλές που είναι πλέον αγνωστικιστικό του προγράμματος περιήγησης και θα λειτουργεί με τα περισσότερα προγράμματα περιήγησης. Είναι ένα απίστευτα ευέλικτο εργαλείο που μπορεί να ελέγξει οποιοδήποτε στοιχείο μιας ιστοσελίδας, συμπεριλαμβανομένης της γραμματοσειράς.
- Απλώς εγκαταστήστε το πρόσθετο όπως θα κάνατε συνήθως, επισημάνετε κάποιο κείμενο στη σελίδα, κάντε κλικ στην καρτέλα HTML στο Firebug και, στη συνέχεια, κάντε κλικ στην επιλογή «Υπολογισμός» στα δεξιά. Το Firebug θα πρέπει στη συνέχεια να επισημάνει το όνομα της γραμματοσειράς, την οικογένεια γραμματοσειράς, το μέγεθος, το βάρος και όλα όσα πρέπει να γνωρίζετε.
Ωστόσο, λάβετε υπόψη ότι το Firebug έχει διακοπεί από το 2017. Οι παλαιότερες εκδόσεις του μπορούν ακόμα να ληφθούν, αλλά δεν θα ενημερώνονται πλέον και το Firebug πιθανότατα θα χάσει τη λειτουργικότητά του καθώς εξελίσσονται τα προγράμματα περιήγησης.
WhatFont
Το WhatFont είναι ένας σελιδοδείκτης που μπορεί να αναγνωρίσει γραμματοσειρές σε ιστοσελίδες. Σύρετε το σελιδοδείκτη στη γραμμή σελιδοδεικτών σας και χρησιμοποιήστε το για να προσδιορίσετε σχεδόν οποιαδήποτε γραμματοσειρά, οπουδήποτε. Είναι δωρεάν στη χρήση και πολύ απλό. Μεταβείτε σε μια ιστοσελίδα που σας αρέσει, κάντε κλικ στο σελιδοδείκτη και τοποθετήστε το δείκτη του ποντικιού πάνω από τη γραμματοσειρά που θέλετε να αναγνωρίσετε. Ένα μικρό μαύρο κουτί εμφανίζεται πάνω του, που σας λέει τη γραμματοσειρά.
Καθώς έχει ενημερωθεί, έχει γίνει ακόμη και συμβατό με σχετικά πρόσθετα.
Και πάλι, ανάλογα με τον τρόπο διαμόρφωσης του CMS ή τον τρόπο σχεδίασης της σελίδας, αυτό θα είναι είτε μια απλή αναγνώριση γραμματοσειράς είτε ένα πλήρες πλαίσιο που θα σας δίνει μέγεθος, χρώμα, βάρος κ.λπ.
Υπάρχουν πολλά πρόσθετα τύπου σελιδοδεικτών που μπορούν να αναγνωρίσουν γραμματοσειρές. Το WhatFont είναι μόνο ένα από αυτά. Χρησιμοποιείτε ένα; Αυτό το άρθρο σας έπεισε να δοκιμάσετε ένα νέο; Ενημερώστε μας παρακάτω.