Fount: Γρήγορη προβολή των χαρακτηριστικών CSS των γραμματοσειρών που χρησιμοποιούνται σε ιστότοπους

click fraud protection

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

instagram viewer
Πηγή. Είναι βασικά ένας σελιδοδείκτης που λειτουργεί με τη δική του εφαρμογή ιστού (δεν βασίζεται σε άλλο υπηρεσία) που σας επιτρέπει να αναγνωρίζετε εύκολα τα στυλ γραμματοσειράς CSS (οικογένεια γραμματοσειρών, μέγεθος και στυλ) που έχουν εφαρμοστεί επιλεγμένο κείμενο. Είναι χρήσιμο σε περιπτώσεις όπου θέλετε να χρησιμοποιήσετε στυλ γραμματοσειράς που χρησιμοποιούνται σε μια συγκεκριμένη ιστοσελίδα στους δικούς σας ιστότοπους. Το μόνο που απαιτείται είναι να προσθέσετε το κουμπί που παρέχεται από το Fount στη γραμμή σελιδοδεικτών. Όταν θέλετε να διαβάσετε χαρακτηριστικά γραμματοσειράς, κάντε κλικ στο σελιδοδείκτη του για να δείτε τις ιδιότητες γραμματοσειράς CSS σε ένα μικρό ημιδιαφανές παράθυρο.

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

Fount · Προσδιορίστε οποιαδήποτε γραμματοσειρά Ιστού βλέπετε

Μόλις προσθέσετε σελιδοδείκτη στο Fount, επισκεφτείτε τον ιστότοπο για τον οποίο θέλετε να ελέγξετε τα χαρακτηριστικά γραμματοσειράς. Απλώς επισημάνετε το κείμενο και, στη συνέχεια, κάντε κλικ στο σελιδοδείκτη Fount. Θα εμφανίσει τις ιδιότητες CSS της γραμματοσειράς, όπως φαίνεται στο παρακάτω στιγμιότυπο οθόνης. Κάνοντας ξανά κλικ στο σελιδοδείκτη Fount θα το απενεργοποιήσετε στη σελίδα.

πηγή

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

Ενώ ο σελιδοδείκτης θα λειτουργεί στα περισσότερα προγράμματα περιήγησης, ενδέχεται να μην λειτουργεί σε όλους τους ιστότοπους. Ένα παράξενο παράξενο που παρατηρήθηκε κατά τη διάρκεια δοκιμών σε έναν ιστότοπο στον οποίο ο σελιδοδείκτης δεν απάντησε ήταν ότι πρόσθεσε τα αλφάβητα (a - z) μία φορά σε μια γραμμή κειμένου.

Το Fount δοκιμάστηκε σε όλα τα διάσημα προγράμματα περιήγησης ιστού όπως τα Safari, Chrome, Firefox και IE8.

Επισκεφτείτε το Fount

watch instagram story