Δημιουργήσαμε ένα νέο κιτ στο Typekit για το v10. Για επωνυμία, θα χρησιμοποιήσουμε το Proxima Nova Soft για τώρα και μερικές άλλες γραμματοσειρές που μοιάζουν όσο το δυνατόν πιο κοντά στις γραμματοσειρές HF&J στο mockup μας.
Ανησυχούμε λίγο για το βάρος του κιτ (κυριολεκτικά το μέγεθος του αρχείου όλων των γραμματοσειρών), αλλά πιστεύουμε ότι μπορούμε να κάνουμε λίγο καλύτερα πριν από την παραγωγή.
Χρησιμοποιούμε το ασύγχρονο JavaScript που παρέχει το Typekit, το οποίο θα πρέπει να είναι καλό για τον χρόνο φόρτωσης της σελίδας μας και διασφαλίσεις έναντι πιθανών διακοπών του Typekit. Αυτό σημαίνει ότι πρέπει να πάρουμε λίγο φανταχτερό με τον τρόπο φόρτωσης των γραμματοσειρών, στο οποίο θα φτάσουμε.
Στο αρχείο bits.scss, όπου διατηρούμε μεταβλητές αυτήν τη στιγμή, δημιουργούμε ένα προσαρμοσμένο @mixin για τις στοίβες γραμματοσειρών. Αυτό θα σημαίνει ότι θα είναι πολύ εύκολο να αλλάξετε τις γραμματοσειρές που χρησιμοποιούνται αν χρειαστεί (αλλαγή σε ένα μόνο μέρος). Θέλουμε να συνεχίσουμε να δημιουργούμε bits.scss καθόλου CSS κατά τη σύνταξη, οπότε μπορεί να εισαχθεί @ σε οποιαδήποτε σελίδα που τη χρειάζεται χωρίς να προσθέσει τίποτα στη συγκεκριμένη σελίδα που την εισάγει.
Ενημερώνουμε την Typekit για τους τοπικούς προσαρμοσμένους τομείς τοπικής ανάπτυξης, τους οποίους θα ρυθμίσουμε στη συνέχεια.