Webmaster - Γραμματοσειρές σε ιστοσελίδες

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

  • Δεν μπορείτε να αναγκάσετε τον χρήστη να κατεβάσει και να εγκαταστήσει μια συγκεκριμένη γραμματοσειρά.
  • Δεν μπορείτε να είστε βέβαιοι ότι οι γραμματοσειρές είναι εγκατεστημένες στον υπολογιστή του χρήστη.
  • Δεν μπορείτε να είστε σίγουροι για τον τρόπο με τον οποίο θα γίνει η προβολή της σελίδας σας στα προγράμματα περιήγησης.

Χρησιμοποιώντας εναλλακτικές γραμματοσειρές

Για παράδειγμα, εάν θέλετε η σελίδα σας να εμφανίζει τη γραμματοσειρά "Trebuchet MS". Στη συνέχεια, καθορίστε:

 γραμματοσειρά-οικογένεια: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 

Τοποθετώντας πρώτα το "Trebuchet MS", καθορίζετε ότι η σελίδα θα εμφανίζεται με τη χρήση αυτής της γραμματοσειράς.

  • Αν ο χρήστης έχει εγκατεστημένη την γραμματοσειρά, τότε η σελίδα θα εμφανιστεί με το Trebuchet MS.
  • Αν ο χρήστης δεν έχει αυτή τη γραμματοσειρά, το πρόγραμμα περιήγησης θα προσπαθήσει διαδοχικά με κάθε επόμενο (Verdana, Arial ...).

Απλά ορίστε τις γραμματοσειρές που είναι γραφικά / οπτικά κοντά στη γραμματοσειρά που θέλετε να χρησιμοποιήσετε.

Οι προεπιλεγμένοι τύποι

Υπάρχουν 3 είδη προεπιλεγμένων γραμματοσειρών που αναγνωρίζουν όλα τα προγράμματα περιήγησης:

  • ελαφρή γραμμή:
  • Σανς σέριφ
  • monospace

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

Συνήθως, όπως και στο παραπάνω παράδειγμα:

 γραμματοσειρά-οικογένεια: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 

Το Sans-serif είναι η γραμματοσειρά που θα είναι πιο κοντά στο "Trebuchet MS" και στη χειρότερη περίπτωση θα έχετε έναν ιστότοπο που φαίνεται ελαφρώς διαφορετικός από την αρχική σας ιδέα.

Η εμφάνιση των προεπιλεγμένων γραμματοσειρών

Κάθε λειτουργικό σύστημα και πρόγραμμα περιήγησης ερμηνεύουν διαφορετικά τις προεπιλεγμένες γραμματοσειρές

  • serif: Είναι "Times New Roman" κάτω από τα Windows, και οι "Times" στο Macintosh (το οποίο διαφέρει από τα Windows).
  • sans-serif: Αυτό είναι το "Arial" στα Windows και το "Helvetica" στο Macintosh.
  • monospace: "Courier New" στα Windows, "Courrier" στο Macintosh και συχνά Linux "VeraSans" ή "DejaVuSans".

Εδώ η εμφάνιση των γραμματοσειρών στα Windows (στον Internet Explorer):

Στα Windows, αλλά με το ClearType ενεργοποιημένο:

MacOS X (Safari):

Linux (Ubuntu - Firefox):

Συστάσεις

Για γραμματοσειρές serif, καθορίστε:

"Times New Roman", Times, serif;

Για τις γραμματοσειρές sans-serif, καθορίστε:

Verdana, Arial, Helvetica, sans-serif.

(Η Verdana έχει καλύτερη αναγνωσιμότητα οθόνης από την Arial, παρόλο που υπάρχει αντιπαράθεση για τη χρήση της αστυνομίας).

Για μονοφασικές γραμματοσειρές:

"DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace,

Οι οικογένειες γραμματοσειρών Vera και DejaVu είναι ανοιχτές πηγές και επιτρέπουν την καλύτερη αναγνωσιμότητα.

Συνδέσεις

Οι διαθέσιμες γραμματοσειρές κατά την εγκατάσταση των Windows XP.

Προηγούμενο Άρθρο Επόμενο Άρθρο

Οι Καλύτερες Συμβουλές