Γεννήτρια Webfont

@font-face Γεννήτρια Webfont

Μεταβλητές γραμματοσειρές, WOFF2 και CSS σε ένα κλικ

Ρίξτε τα αρχεία TTF, OTF, WOFF ή WOFF2 σας — συμπεριλαμβανομένων των μεταβλητών γραμματοσειρών — επιλέξτε τις ρυθμίσεις σας και κατεβάστε ένα έτοιμο προς φιλοξενία πακέτο με WOFF2, WOFF, ένα πλήρες stylesheet.css και μια ζωντανή σελίδα demo.

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

TTF, OTF, WOFF, WOFF2 και μεταβλητές γραμματοσειρές — επιτρέπονται πολλαπλά αρχεία

100% πλευρά του πελάτη

Η μετατροπή εκτελείται εξ ολοκλήρου στον περιηγητή σας χρησιμοποιώντας WebAssembly. Οι γραμματοσειρές σας δεν ανεβαίνουν ποτέ.

Μεταβλητές γραμματοσειρές & όλες οι μορφές

TTF, OTF, WOFF και WOFF2 σε — βελτιστοποιημένο WOFF2 έξω, με πλήρη υποστήριξη αξόνων μεταβλητής γραμματοσειράς (wght, wdth, slnt, ital).

Έτοιμη προς παραγωγή έξοδος

Αποστέλλει ένα stylesheet.css με τη σωστή εμφάνιση γραμματοσειράς, προαιρετικό local() και μια demo.html ώστε να μπορείτε να ρίξετε το πακέτο απευθείας στο έργο σας.

Τι είναι μια γεννήτρια webfont;

Ένας γεννήτριας γραμματοσειρών μετατρέπει αρχεία γραμματοσειρών επιτραπέζιου υπολογιστή ή ληφθέντα αρχεία (TTF, OTF, WOFF, WOFF2 — συμπεριλαμβανομένων των σύγχρονων μεταβλητών γραμματοσειρών) σε μορφές που μπορούν να φορτωθούν από τους περιηγητές στο διαδίκτυο — κυρίως WOFF2 σήμερα, με WOFF ως κληρονομιά εναλλακτική — και παράγει αντίστοιχες δηλώσεις CSS @font-face ώστε να μπορείτε να φιλοξενήσετε μόνοι σας την τυπογραφία της ιστοσελίδας σας.

Γιατί να φιλοξενείτε γραμματοσειρές μόνοι σας;

Η αυτοφιλοξενία σας δίνει πλήρη έλεγχο πάνω στην απόδοση, την ιδιωτικότητα και την αξιοπιστία. Δεν υπάρχει αίτημα τρίτου μέρους προς τις Γραμματοσειρές Google (χρήσιμο για GDPR), καμία επιπλέον αναζήτηση DNS, μπορείτε να προφορτώσετε το αρχείο, και εσείς αποφασίζετε ακριβώς ποια βάρη, στυλ και άξονες θα αποσταλούν με την ιστοσελίδα σας.

Πώς λειτουργεί η μετατροπή

Το WOFF2 τυλίγει τα περιγράμματα TTF/OTF σε ένα δοχείο συμπιεσμένο με Brotli που έχει σχεδιαστεί ειδικά για το διαδίκτυο — συνήθως 30% μικρότερο από το WOFF και πάνω από 50% μικρότερο από το αρχικό TTF. Το WOFF είναι μια παλαιότερη συμπιεσμένη με zlib θήκη, που διατηρείται ως εναλλακτική για πολύ παλαιούς περιηγητές. Ο γεννήτριας μας εκτελεί τον επίσημο κωδικοποιητή και αποκωδικοποιητή WOFF2 της Google που έχει συνταχθεί σε WebAssembly, έτσι ώστε η μετατροπή να συμβαίνει τοπικά μέσα στον περιηγητή σας. Ρίξτε ένα WOFF2 που κατεβάσατε από τις Γραμματοσειρές Google και το αποκωδικοποιούμε διαφανώς πίσω σε ένα δοχείο sfnt πριν την επανακωδικοποίηση — δεν χρειάζεται ποτέ να αναζητήσετε το αρχικό TTF.

Τι παίρνετε στο πακέτο

  • Γραμματοσειρές σε WOFF2 (και προαιρετικά WOFF/TTF) για κάθε ανεβασμένο πρόσωπο — συμπεριλαμβανομένων των μεταβλητών γραμματοσειρών που διατηρούνται ως ένα μόνο μικρό αρχείο.
  • Ένα πλήρες stylesheet.css με έναν κανόνα @font-face ανά αρχείο, τις σωστές υποδείξεις format(), περιοχές font-weight, font-style, font-stretch, font-display και προαιρετικό local().
  • Μια σελίδα demo.html ώστε να μπορείτε να προεπισκοπήσετε κάθε βάρος, στυλ και άξονα σε πολλαπλά μεγέθη πριν πάτε ζωντανά.
  • Προαιρετική ενσωμάτωση Base64 για να στείλετε τη γραμματοσειρά inline στο CSS σας για σενάρια offline-first ή single-file.

Ιδιωτικότητα & άδειες

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

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