Πώς μπορώ να ορίσω τις γραμματοσειρές του καταστήματος μου;

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

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

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

• Ορίστε μια γραμματοσειρά στη συλλογή
• Ανεβάστε τη δική σας γραμματοσειρά
• Ειδικοί όροι

Ορίστε μια γραμματοσειρά στη συλλογή γραμματοσειρών

Για να αλλάξετε τις γραμματοσειρές, ακολουθήστε τα εξής βήματα:

1. Μεταβείτε στη σελίδα Σχεδίαση & θέμα , ενότητα Ρυθμίσεις γραμματοσειράς .

2. Αλλάξτε το οικογένεια γραμματοσειρών για την κεφαλίδα της σελίδας (H1). Μπορείτε να επιλέξετε μια γραμματοσειρά που παρέχεται από τις Γραμματοσειρές Google ή μια γραμματοσειρά συστήματος - βεβαιωθείτε ότι η επιλεγμένη γραμματοσειρά περιέχει όλα τα απαραίτητα διακριτικά. Σε μη υποστηριζόμενες συσκευές, η επιλεγμένη γραμματοσειρά θα αντικατασταθεί με την προεπιλεγμένη γραμματοσειρά του αντίστοιχου λειτουργικού συστήματος.

3. Επιλέξτε το τύπος γραμματοσειράς (λεπτό, ελαφρύ, μεσαίο, έντονο, μαύρο).

4. Τροποποιήστε την οικογένεια γραμματοσειρών για το κύριο πρότυπο (Primary, για την βασική σελίδα δηλαδή).

5. Επιλέξτε μεγέθη γραμματοσειράς για να εμφανίσετε το όνομα και την τιμή του προϊόντος.

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

Ανεβάστε τη δική σας γραμματοσειρά

Εάν θέλετε να χρησιμοποιήσετε διαφορετική γραμματοσειρά από αυτήν που αναφέρεται στο Σχεδίαση & θέμα , θα χρειαστεί να κατεβάσετε ένα webkit για την επιθυμητή γραμματοσειρά. Αυτό το κιτ θα περιέχει τα αρχεία για τους τύπους γραμματοσειρών καθώς και ένα αρχείο .css που θα χρειαστείτε αργότερα.

ΣΗΜΕΙΩΣΕΙΣ

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

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

1. Πραγματοποιήστε λήψη του επιθυμητού κιτ γραμματοσειράς, το οποίο περιλαμβάνει το όνομα της γραμματοσειράς (απαιτείται τουλάχιστον ένα αρχείο σε μορφές .ttf και .woff ), καθώς και ένα αρχείο με την επέκταση .css ).

2. Μεταβείτε στη σελίδα Διαχείριση αρχείων .

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

4. Κάντε κλικ στο κουμπί Προσθήκη αρχείου και μεταφορτώστε τις γραμματοσειρές (πρέπει να ανεβάσετε όλους τους τύπους γραμματοσειρών που θα χρησιμοποιήσετε από αυτήν την οικογένεια γραμματοσειρών, καθώς και τα αρχεία .woff και .css ).

5. Μεταβείτε στη σελίδα Πρόγραμμα επεξεργασίας , στην ενότητα main.css .

6. Προσθέστε τον απαραίτητο κώδικα CSS για να συμπεριλάβετε στο main.css το αρχείο .css που λάβατε κατά τη λήψη του κιτ γραμματοσειράς. Συνιστάται η φόρτωση του αρχείου στην αρχή του main.css . Το αρχείο θα κληθεί όπως σε αυτό το παράδειγμα:
   @import url ('// cdn.shopmania.biz/files/s15/848447526/content/font/open-sans.css) ;

7. Αντιστοιχίστε την εγκατεστημένη γραμματοσειρά στο επιθυμητό στοιχείο, όπως στο παρακάτω παράδειγμα:
   a { font-family: "open_sansregular", Arial, sans; }

8. Αποθήκευση αλλαγών.

ΣΥΜΒΟΥΛΗ

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

Ειδικοί όροι

Οικογένεια γραμματοσειρών : αντιπροσωπεύει μια πλήρη συλλογή γραμματοσειρών με το ίδιο στυλ του σώματος γραμμάτων, αντίστοιχα το σύνολο γραμματοσειρών που έχουν το ίδιο σχήμα κάθε χαρακτήρα, ανεξάρτητα από τα άλλα χαρακτηριστικά (τύπος, μέγεθος). Παράδειγμα: Arial, Helvetica, Robot, Συμπυκνωμένο ρομπότ .

Βάρος γραμματοσειράς : είναι η αναλογία μεταξύ του πάχους και του ύψους ενός χαρακτήρα. γενικά μια γραμματοσειρά έχει 4-6 βάρη. Παράδειγμα: λεπτό, ελαφρύ, κανονικό, μεσαίο, έντονο, μαύρο .

Όνομα γραμματοσειράς : Τα αρχεία ονόματος γραμματοσειράς μπορεί να είναι font_name. ttf , source_name. otf , όνομα_έλευσης . woff , source_name . woff2 , source_name . eot ; τα πιο δημοφιλή αρχεία είναι. woff si. woff2 , και ένα κιτ γραμματοσειράς Ιστού απαιτείται για να περιέχει τουλάχιστον ένα. woff si. ttf .