Responsive Typography Generator

Generate fluid typography using clamp()

Min Viewport320px

Max Viewport1920px

Line Height1.5

Letter Spacing0px

Viewport Width768px

Viewport: 768px

Calculated Size: 18.2px

Responsive Typography Sample

.responsive-text {
  font-size: clamp(16px, 0.5vw + 14.4px, 24px);
  line-height: 1.5;
  letter-spacing: 0px;
}