Fraunces

Δοκιμή της Fraunces

Βάρη και στυλ

• Thin 100Fraunces Thin Thin Italic
• ExtraLight 200Fraunces ExtraLight ExtraLight Italic
• Light 300Fraunces Light Light Italic
• Regular 400Fraunces Regular Italic
• Medium 500Fraunces Medium Medium Italic
• SemiBold 600Fraunces SemiBold SemiBold Italic
• Bold 700Fraunces Bold Bold Italic
• ExtraBold 800Fraunces ExtraBold ExtraBold Italic
• Black 900Fraunces Black Black Italic

Η Fraunces είναι μεταβλητή γραμματοσειρά: η λήψη περιέχει όλο το εύρος βαρών σε ένα αρχείο ανά στυλ και τα βάρη με όνομα που βλέπετε παραπάνω είναι θέσεις μέσα σε αυτό το εύρος.

Σχετικά με τη γραμματοσειρά Fraunces

Η Fraunces είναι soft-serif τύπου Old Style, της οποίας το ύφος οι επίσημες σημειώσεις συνδέουν με γραμματοσειρές των αρχών του 20ού αιώνα. Στο δείγμα τα βαριά βάρη δείχνουν φουσκωμένες, στρογγυλεμένες πατούρες, σταγόνες στις απολήξεις των a, c, f και r και μια ελαφριά κλίση σε γράμματα όπως τα h, n και m, ενώ τα ελαφριά βάρη γίνονται λεπτά και με έντονη αντίθεση. Οι μεταβλητές γραμματοσειρές έχουν τέσσερις άξονες: βάρος από 100 έως 900, οπτικό μέγεθος από 9 έως 144, Softness από 0 έως 100, που ρυθμίζει πόσο μελανωμένα φαίνονται τα σχήματα, και Wonky, έναν διακόπτη που εναλλάσσει τις κεκλιμένες μορφές των γραμμάτων. Τα όρθια και τα πλάγια έχουν από εννέα επώνυμα βάρη, 18 στυλ συνολικά, με 683 γλύφους για Λατινικά, εκτεταμένα Λατινικά και Βιετναμέζικα. Τη Fraunces σχεδίασαν οι Phaedra Charles και Flavia Zimbardi, οι δύο συνεργάτες πίσω από την Undercase Type, και διανέμεται με την SIL Open Font License 1.1.

Πού ταιριάζει η Fraunces

Τίτλοι περιοδικών και blog

Ο άξονας οπτικού μεγέθους φτάνει το 144, οπότε οι μεγάλοι τίτλοι μπορούν να χρησιμοποιούν το λεπτότερο σχέδιο υψηλότερης αντίθεσης που προορίζεται για μεγέθη display.

Συσκευασίες τροφίμων και ποτών

Αν ανεβάσετε το Softness προς το 100, οι πατούρες και οι συνδέσεις στρογγυλεύουν και οι ετικέτες στα βαριά βάρη αποκτούν τυπωμένη, μελανωμένη όψη.

Wordmarks επωνυμιών

Ο άξονας Wonky αντικαθιστά τα κεκλιμένα h, n και m με όρθιες μορφές, οπότε το ίδιο όνομα μπορεί να έχει ιδιόρρυθμη ή πιο ήρεμη φωνή.

Αποσπάσματα και εισαγωγές

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

Αφίσες

Το Black 900, με τις φουσκωμένες πατούρες και τις σφιχτές κοιλότητες, κρατά μια σύντομη γραμμή σε μέγεθος αφίσας.

Γλύφοι

Υποστήριξη γλωσσών

Η οικογένεια περιέχει τα βασικά γράμματα με τα οποία γράφονται οι εξής γλώσσες:

• Αγγλικά
• Γαλλικά
• Γερμανικά
• Ισπανικά
• Πορτογαλικά
• Ιταλικά
• Ολλανδικά
• Σουηδικά
• Νορβηγικά
• Δανικά
• Φινλανδικά
• Ισλανδικά
• Καταλανικά
• Τουρκικά
• Πολωνικά
• Τσεχικά
• Σλοβακικά
• Ουγγρικά
• Ρουμανικά
• Κροατικά
• Σλοβενικά
• Λιθουανικά
• Λετονικά
• Εσθονικά
• Βιετναμικά

Σύνολα χαρακτήρων που βρέθηκαν στα αρχεία: latin, latin-ext, vietnamese. Η λίστα γλωσσών προκύπτει από έλεγχο των απαραίτητων γραμμάτων στη γραμματοσειρά· δεν εγγυάται τυπογραφική ποιότητα σε κάθε γλώσσα.

Άδεια χρήσης

Συνδυασμοί για τη γραμματοσειρά Fraunces

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

Χρήση της Fraunces στο web

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

@font-face {
  font-family: "Fraunces";
  src: url("/assets/fonts/Fraunces-Italic-VariableFont_SOFT%2CWONK%2Copsz%2Cwght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Fraunces";
  src: url("/assets/fonts/Fraunces-VariableFont_SOFT%2CWONK%2Copsz%2Cwght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Fraunces", serif;
}

Ή φορτώστε την από την επίσημη πηγή. Το Google Fonts προσφέρει τη γραμματοσειρά Fraunces με τον εξής κώδικα:

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">

Τι πρέπει να γνωρίζετε

Ο άξονας βάρους έχει προεπιλογή 900

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

Το Wonky είναι ενεργό από προεπιλογή

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

Δύο μεταβλητά αρχεία

Η λήψη περιέχει ένα μεταβλητό αρχείο για τα όρθια και ένα για τα πλάγια, καθένα με και τους τέσσερις άξονες.

Χωρίς Κυριλλικά και Ελληνικά

Τα σύνολα χαρακτήρων είναι μόνο Λατινικά, εκτεταμένα Λατινικά και Βιετναμέζικα.

Συχνές ερωτήσεις

Συλλογές όπου εμφανίζεται η Fraunces

• Γραμματοσειρές για συσκευασίες και ετικέτες προϊόντων

  Καλλιγραφικές γραμματοσειρές πινέλου, μαλακές serif και στιβαρές γραμματοσειρές για τίτλους, για βάζα, κουτιά, μπουκάλια και ετικέτες, όπου ένα όνομα πρέπει να λειτουργεί σε μικρή καμπύλη επιφάνεια.

• Μεταβλητές γραμματοσειρές με άξονα οπτικού μεγέθους

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

• Μεταβλητές γραμματοσειρές με ασυνήθιστους άξονες

  Πειραματικές και εκφραστικές μεταβλητές γραμματοσειρές με προσαρμοσμένους άξονες: απαλότητα, αναπήδηση, ανεπίσημο ύφος, μεταμόρφωση, περιστροφή, grade και άλλα.

Παρόμοιες γραμματοσειρές

Άλλες οικογένειες της ίδιας κατηγορίας, ταξινομημένες με βάση τις κοινές ετικέτες χρήσης. Όλες οι γραμματοσειρές serif