Η καρτέλα Fonts ορίζει τις γραμματοσειρές όλου του καταστήματός σας και πόσο έντονο φαίνεται το κείμενο. Επιλέγετε γραμματοσειρές μία φορά και κάθε τμήμα τις ακολουθεί.
Πού θα τη βρείτε
Ανοίξτε τον builder, κάντε κλικ στο εικονίδιο με το γρανάζι και ανοίξτε την καρτέλα Fonts. Η καρτέλα έχει δύο μέρη: Fonts και Appearance.
Οι τέσσερις γραμματοσειρές
- Body: παράγραφοι και το περισσότερο κείμενο, μαζί με τα πεδία των φορμών.
- Heading: μεγάλοι τίτλοι. Το κείμενο με ρύθμιση Heading 1 ή Heading 2 χρησιμοποιεί αυτή τη γραμματοσειρά.
- Subheading: μικρότεροι τίτλοι. Τη χρησιμοποιεί το κείμενο με ρύθμιση Heading 3 έως Heading 6, καθώς και τα ονόματα των στοιχείων στα μενού σας.
- Accent: μια τέταρτη γραμματοσειρά για λέξεις που θέλετε να ξεχωρίζουν, όπως ένα σύνθημα ή μια σύντομη διαφημιστική φράση. Για να τη χρησιμοποιήσετε, επιλέξτε ένα μπλοκ Text και ορίστε το Font σε Accent.
Κάντε κλικ σε μια γραμματοσειρά για να ανοίξει η επιλογή. Γράψτε στο Search fonts... για να φιλτράρετε τη λίστα και μετά κάντε κλικ σε μια γραμματοσειρά για να τη χρησιμοποιήσετε. Η προεπισκόπηση ενημερώνεται αμέσως.
Γραμματοσειρές συστήματος και μη
Η επιλογή δείχνει δύο ομάδες:
- System fonts: Helvetica, New York, SF Mono και System UI. Υπάρχουν ήδη στη συσκευή του αγοραστή, οπότε φορτώνουν πιο γρήγορα. Μπορεί να φαίνονται λίγο διαφορετικές από συσκευή σε συσκευή.
- Non-system fonts: Inter, Roboto, Open Sans, Lato, Montserrat, Poppins, Raleway, Nunito, Merriweather, Playfair Display, Lora, PT Sans, PT Serif, Quicksand, Space Grotesk, DM Sans, Syne, Manrope, Outfit, Urbanist, Oswald, Bebas Neue, Abel, Abril Fatface και Acme. Κατεβαίνουν στη συσκευή του αγοραστή.
Ο builder προειδοποιεί: Using more than one non-system font might slow down your page load speed. Μια καλή ρύθμιση είναι μία γραμματοσειρά εκτός συστήματος για τους τίτλους και μια γραμματοσειρά συστήματος, ή η ίδια γραμματοσειρά, για το κυρίως κείμενο.
Το αραβικό κείμενο στο κατάστημά σας παίρνει αυτόματα μια αντίστοιχη αραβική γραμματοσειρά, οπότε μπορείτε να επιλέξετε μια λατινική γραμματοσειρά χωρίς να χαλάσουν οι αραβικές σελίδες.
Πάχος κειμένου
Στο Appearance, το Text weight κάνει όλο το κείμενο του καταστήματός σας πιο λεπτό ή πιο έντονο μονομιάς:
- Normal: τα πάχη με τα οποία σχεδιάστηκε το θέμα σας.
- Medium: κάθε στυλ κειμένου ένα βήμα πιο έντονο.
- Bold: ακόμη πιο έντονο.
Όλα τα στυλ αλλάζουν μαζί, οπότε οι τίτλοι μένουν πιο έντονοι από το κυρίως κείμενο. Ορισμένες γραμματοσειρές έχουν λιγότερα πάχη, οπότε η αλλαγή μπορεί να είναι μικρή με αυτές.
Συνηθισμένες εργασίες
- Να φαίνεται το κατάστημά μου πιο μοντέρνο: δοκιμάστε Inter, Manrope ή DM Sans για Body και Heading.
- Να φαίνεται πιο κομψό: δοκιμάστε Playfair Display ή Lora για Heading και κρατήστε μια απλή γραμματοσειρά για Body.
- Το κείμενο διαβάζεται δύσκολα στα κινητά: ορίστε το Text weight σε Medium.
- Αλλαγή μεγέθους σε ένα κείμενο: επιλέξτε αυτό το κείμενο στο τμήμα του και αλλάξτε το μέγεθός του εκεί. Η καρτέλα Fonts ορίζει μόνο την οικογένεια γραμματοσειράς και το πάχος.
Καλό να ξέρετε
- Οι γραμματοσειρές ανήκουν στην αγορά που επεξεργάζεστε. Αλλάξτε πρώτα αγορά από τη σημαία αν πουλάτε σε πολλές αγορές.
- Οι αλλαγές γίνονται ζωντανές όταν κάνετε κλικ στο Publish.
- Οι γωνίες, τα περιγράμματα και οι σκιές προέρχονται από το θέμα σας, όχι από αυτή την καρτέλα. Δείτε το Θέματα καταστήματος.