25 Gorgeous Web Ασφαλής Γραμματοσειρές για την ιστοσελίδα σας

Άρθρο που γράφτηκε από:
  • Online Business
  • Ενημερώθηκε: Jan 17, 2019

Είτε είστε ένα κατάστημα ηλεκτρονικού εμπορίου or ένα blogger, το κοινό πράγμα που έχουν όλοι οι ιστότοποι είναι η χρήση του κειμένου για περιεχόμενο. Κάνοντας κάποια σκέψη στο κείμενο που εμφανίζεται (ή τυπογραφικός σχεδιασμός) είναι μη εκπληκτικά σημαντικό όταν δημιουργείτε τη συνολική αισθητική του ιστότοπού σας και εξασφαλίζετε την επιτυχία του.

Εδώ είναι το πράγμα, μπορείτε να έχετε ένα φοβερό πρότυπο WordPress ή να βάλουν εντυπωσιακές εικόνες στον ιστοχώρο σας Πάντως αν χρησιμοποιείτε μια μη ελκυστική βασική γραμματοσειρά (ή χειρότερα Comic Sans!), Τότε θα καταλήξετε με έναν ιστότοπο που φαίνεται και αισθάνεται αντιεπαγγελματικός.

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

Φυσικά, αν θέλετε να βεβαιωθείτε ότι η γραμματοσειρά που θα επιλέξετε φορτώνεται αξιόπιστα σε άλλους υπολογιστές, θα πρέπει να επιλέξετε μια "ασφαλή γραμματοσειρά".

Με τις πανέμορφες γραμματοσειρές 25 ασφαλείς στον ιστό, θα είστε σίγουροι ότι θα έχετε μια εκπληκτική τυπογραφική διαδικτυακή τοποθεσία για τον ιστότοπό σας που λειτουργεί όλη την ώρα, μέχρι το τέλος αυτού του άρθρου!

Τι είναι ένα ασφαλές γραμματοσειρά Web;

Οι γραμματοσειρές με ασφάλεια στο Web είναι γραμματοσειρές που είναι συνήθως προεγκατεστημένες στις περισσότερες συσκευές - υπολογιστές, κινητά τηλέφωνα, έξυπνες τηλεοράσεις και tablet.

Γιατί η ασφάλεια των γραμματοσειρών είναι ασφαλής;

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

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

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

Σε άλλες για να αποφευχθεί αυτό, οι σχεδιαστές ιστοσελίδων έχουν χρησιμοποιήσει το Βασικές γραμματοσειρές για τον Ιστό που η Microsoft κυκλοφόρησε στο 1996 ως το πρότυπο για τις περισσότερες γραμματοσειρές ιστοσελίδων. Αυτά τα σετ γραμματοσειρών έγιναν τελικά "γραμματοσειρές ασφαλείς στο web", διότι ανεξάρτητα από τον υπολογιστή, οι γραμματοσειρές θα εμφανίζονται με ασφάλεια στον ιστότοπό σας.

Πρέπει να χρησιμοποιήσω τις ασφαλείς γραμματοσειρές Web για την ιστοσελίδα μου;

Σύντομη απάντηση: Απολύτως.

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

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

Πώς μπορώ να προσθέσω αυτές τις ασφαλείς γραμματοσειρές Web;

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

Αν εξακολουθείτε να είστε βέβαιοι, ακολουθήστε αυτά τα λίγα απλά βήματα:

  1. Τοποθετήστε το αρχείο header.php
  2. Αντιγράψτε την πηγή γραμματοσειράς / τον πρότυπο κώδικα
  3. Επικολλήστε τον κώδικα στην κορυφή του αρχείου κεφαλίδας.
  4. Τοποθετήστε το style.css σας, τοποθετήστε τον κώδικα γραμματοσειράς για να αλλάξετε το κείμενο γραμματοσειράς της επιλογής σας.

Μέχρι το τέλος του, θα πρέπει να έχετε ένα φύλλο στυλ που μοιάζει με αυτό:

Το 25 Gorgeous Web Safe Γραμματοσειρές για την ιστοσελίδα σας

1. Arial

Σύνδεσμοι / Πηγή: Fonts.com / Γραμματοσειρά CSS

2. Calibri

Σύνδεσμοι / Πηγή: Fonts.com / Γραμματοσειρά CSS

3. Helvetica

Σύνδεσμοι / Πηγή: Fonts.com / Γραμματοσειρά CSS

4. Segoe UI

Σύνδεσμοι / Πηγή: Fonts.com / Γραμματοσειρά CSS

5. Trebuchet MS

Σύνδεσμοι / Πηγή: Fonts.com / Γραμματοσειρά CSS

6. Cambria

Σύνδεσμοι / Πηγή: Fonts.com / Γραμματοσειρά CSS

7. Palatino

Σύνδεσμοι / Πηγή: Fonts.com / Γραμματοσειρά CSS

8. Perpetua

Σύνδεσμοι / Πηγή: Fonts.com / Γραμματοσειρά CSS

9. Γεωργία

Σύνδεσμοι / Πηγή: Fonts.com / Γραμματοσειρά CSS

10. Consolas

Σύνδεσμοι / Πηγή: Fonts.com / Γραμματοσειρά CSS

11. Νέο κουτί

Σύνδεσμοι / Πηγή: Fonts.com / Γραμματοσειρά CSS

12. Tahoma

Σύνδεσμοι / Πηγή: Fonts.com / Γραμματοσειρά CSS

13. Verdana

Σύνδεσμοι / Πηγή: Fonts.com / Γραμματοσειρά CSS

14. Optima

Σύνδεσμοι / Πηγή: Fonts.com / Γραμματοσειρά CSS

15. Gill Sans

Σύνδεσμοι / Πηγή: Fonts.com / Γραμματοσειρά CSS

16. Γωνιά του Αιώνα

Σύνδεσμοι / Πηγή: Fonts.com / Γραμματοσειρά CSS

17. Candara

Σύνδεσμοι / Πηγή: Fonts.com / Γραμματοσειρά CSS

18. Andale Mono

Σύνδεσμοι / Πηγή: Fonts.com / Γραμματοσειρά CSS

19. Didot

Σύνδεσμοι / Πηγή: Fonts.com / Γραμματοσειρά CSS

20. Γοτθική πλάκα

Σύνδεσμοι / Πηγή: Fonts.com / Γραμματοσειρά CSS

21. Rockwell

Σύνδεσμοι / Πηγή: Fonts.com / Γραμματοσειρά CSS

22. Bodoni

Σύνδεσμοι / Πηγή: Fonts.com / Γραμματοσειρά CSS

23. Franklin Gothic

Σύνδεσμοι / Πηγή: Fonts.com / Γραμματοσειρά CSS

24. Επίπτωση

Σύνδεσμοι / Πηγή: Fonts.com / Γραμματοσειρά CSS

25. Calisto MT

Σύνδεσμοι / Πηγή: Fonts.com / Γραμματοσειρά CSS

Εργαλεία γραμματοσειρών για έλεγχο

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

Ζεύγος γραμματοσειρών

Ζεύγος γραμματοσειρών προσφέρει έναν τόνο πόρων, plugins, eBooks, οδηγούς, βίντεο και ακόμη και εμπνεύσεις για οτιδήποτε και ό, τι αφορά την τυπογραφία. Έχουν ακόμη και μια ενότητα που σας δίνει τις πιο δημοφιλείς γραμματοσειρές που είναι διαθέσιμες στις Γραμματοσειρές Google και ποιες γραμματοσειρές μπορούν να συνδυαστούν καλύτερα μεταξύ τους.

Wordmark.it

Εάν θέλετε μια γρήγορη προεπισκόπηση του τι θα έμοιαζε το κείμενό σας με μια συγκεκριμένη γραμματοσειρά, Wordmark.it σας δίνει μια στιγμιαία προεπισκόπηση του τρόπου εμφάνισης του κειμένου σας σε πολλές γραμματοσειρές ταυτόχρονα. Απλώς πληκτρολογήστε μια λέξη ή φράση στην μπάρα της πρώτης σελίδας, πατήστε enter και θα σας εμφανίσει το κείμενό σας με διαφορετικές γραμματοσειρές όπως Candara ή Lucida Console.

ΤιTheFont

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

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

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

Όταν χρησιμοποιείτε γραμματοσειρές ασφαλείς στον ιστό που είναι ευχάριστες για τα μάτια, οι χρήστες σας θα είναι ευγνώμονες και πιο πρόθυμοι να επιστρέψουν και να καταναλώσουν περισσότερο από το περιεχόμενό σας. Λοιπόν, τι περιμένετε; Αρχίστε να χρησιμοποιείτε αυτές τις γραμματοσειρές και Κάνετε μια φοβερή ιστοσελίδα για την επιχείρησή σας!

Σχετικά με την Azreen Azmi

Η Azreen Azmi είναι συγγραφέας που έχει την τάση να γράφει για το μάρκετινγκ περιεχομένου και την τεχνολογία. Από το YouTube στο Twitch, προσπαθεί να διατηρεί επαφή με την πιο πρόσφατη δημιουργία περιεχομένου και να βρει τον καλύτερο τρόπο για την εμπορία της μάρκας σας.

Συνδέω: