Font Style Mixer & Transfer

Mix characteristics from different fonts to create unique hybrid typefaces. Experimental tool for creative typography.

Style Configuration

Text

Font Size (px)

Font Weight

Font Style

Text Transform

Text Decoration

Font Variant

Letter Spacing (px)

Word Spacing (px)

Preview & CSS

Hello World

Generated CSS

.custom-text {
  font-size: 32px;
  font-weight: 400;
  font-style: normal;
  text-transform: none;
  text-decoration: none;
  letter-spacing: 0px;
  word-spacing: 0px;
  font-variant: normal;
}

Inline Style

style={{ fontSize: '32px', fontWeight: '400', fontStyle: 'normal', textTransform: 'none', textDecoration: 'none', letterSpacing: '0px', wordSpacing: '0px', fontVariant: 'normal' }}