Calculate the font-size for a full screen title with a specific font.

Select your options

Title

Font Crimson-TextLatoCustomFont

Font weight 100200300400500600700800900

Letter spacing

Calculate

Code

<div class="title-container">
  <h2 class="title">{title}</h2>
</div>

.title-container {
  overflow: hidden;
  max-width: 100vw;
}
.title {
  font-size: 1vw;
  font-family: "";
  font-weight: "";
  letter-spacing: "";
  line-height: 1.2;
  white-space: nowrap;
}