29: Κείμενο SVG - CSS-Κόλπα

Anonim

Υπάρχει ένα στοιχείο στο SVG. Δεν υπάρχει μεγάλη έκπληξη εδώ: είναι για την τοποθέτηση κειμένου στο SVG. Όχι περίγραμμα των σχημάτων των γραμμάτων (αν και μπορείτε να το κάνετε και αυτό) αλλά πραγματικό κανονικό κείμενο ιστού. Επιλέξιμο, φιλικό προς το SEO, προσβάσιμο, κανονικό κείμενο ιστού.

Οι γραμματοσειρές στις οποίες έχετε πρόσβαση είναι ίδιες με το υπόλοιπο έγγραφο. Αν λοιπόν φορτώσετε μια γραμματοσειρά @ font-face, θα μπορείτε να τη χρησιμοποιήσετε στο SVG.

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

Ένας περιορισμός: το κείμενο δεν μπορεί να τυλιχτεί. Αυτό μπορεί να είναι ένα αρκετά σημαντικό μειονέκτημα, αλλά αυτό το χαρακτηριστικό έρχεται στο SVG 2.