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