Προβολή μεταβλητών γραμματοσειρών

Προεπισκόπηση και ρύθμιση αξόνων μεταβλητής γραμματοσειράς online

Roboto Flex3 άξονες

A flexible sans-serif variable font with optical size, weight, and width axes.

Μέγεθος γραμματοσειράς

Ύψος γραμμής

Variable fonts let one file behave like an entire type family.

Παραγόμενο CSS

.variable-preview {
  font-family: 'Roboto Flex', sans-serif;
  font-size: 64px;
  line-height: 1.15;
  font-weight: 400;
  font-stretch: 100%;
  font-style: normal;
  font-optical-sizing: none;
  font-synthesis: none;
  font-variation-settings: 'opsz' 14, 'wght' 400, 'wdth' 100;
}

Aspose.Font Web Applications

Buy

Προεπισκοπήστε μεταβλητές γραμματοσειρές απευθείας στο πρόγραμμα περιήγησης. Ανεβάστε τοπικό αρχείο TTF ή OTF και ελέγξτε τους άξονες μεταβολής του.
Ρυθμίστε βάρος, πλάτος, οπτικό μέγεθος, κλίση και προσαρμοσμένους άξονες με ζωντανούς ρυθμιστές. Αντιγράψτε CSS font-variation-settings για το έργο σας.
Αυτή η σελίδα είναι το πρώτο στάδιο για μελλοντική εργαλειοθήκη μεταβλητών γραμματοσειρών με Python.

Προεπισκοπήστε μεταβλητές γραμματοσειρές απευθείας στο πρόγραμμα περιήγησης.
Ανεβάστε τοπικό αρχείο TTF ή OTF και ελέγξτε τους άξονες μεταβολής του.
Ρυθμίστε βάρος, πλάτος, οπτικό μέγεθος, κλίση και προσαρμοσμένους άξονες με ζωντανούς ρυθμιστές.
Αντιγράψτε CSS font-variation-settings για το έργο σας.

Προβολή μεταβλητών γραμματοσειρών

Επιλέξτε δείγμα γραμματοσειράς ή ανεβάστε τη δική σας μεταβλητή γραμματοσειρά.
Ελέγξτε άξονες όπως βάρος, πλάτος ή οπτικό μέγεθος.
Μετακινήστε τους ρυθμιστές ή επιλέξτε επώνυμη παρουσία.
Επεξεργαστείτε κείμενο και μέγεθος προεπισκόπησης για ρεαλιστική δοκιμή.
Αντιγράψτε το παραγόμενο CSS και χρησιμοποιήστε το στη σελίδα σας.

Προβολή μεταβλητών γραμματοσειρώνΠροεπισκοπήστε μεταβλητές γραμματοσειρές απευθείας στο πρόγραμμα περιήγησης. Ρυθμίστε βάρος, πλάτος, οπτικό μέγεθος, κλίση και προσαρμοσμένους άξονες με ζωντανούς ρυθμιστές.
Προβολή μεταβλητών γραμματοσειρώνΕπιλέξτε δείγμα γραμματοσειράς ή ανεβάστε τη δική σας μεταβλητή γραμματοσειρά. Ελέγξτε άξονες όπως βάρος, πλάτος ή οπτικό μέγεθος.
Ανέβασμα μεταβλητής γραμματοσειράςΑνεβάστε τοπικό αρχείο TTF ή OTF και ελέγξτε τους άξονες μεταβολής του.
Παραγόμενο CSSΑντιγράψτε CSS font-variation-settings για το έργο σας.

Ρυθμίστε βάρος, πλάτος, οπτικό μέγεθος, κλίση και προσαρμοσμένους άξονες με ζωντανούς ρυθμιστές
Ρυθμίστε βάρος, πλάτος, οπτικό μέγεθος, κλίση και προσαρμοσμένους άξονες με ζωντανούς ρυθμιστές.
Ανεβάστε τοπικό αρχείο TTF ή OTF και ελέγξτε τους άξονες μεταβολής του
Ανεβάστε τοπικό αρχείο TTF ή OTF και ελέγξτε τους άξονες μεταβολής του.
Αντιγράψτε CSS font-variation-settings για το έργο σας
Αντιγράψτε CSS font-variation-settings για το έργο σας.