Preview:
@media screen and (min-width: 320px) {
    h1 {
        font-size: calc(32px + 6 * ((100vw - 320px) / 680));
    }

    h2 {
        font-size: calc(24px + 6 * ((100vw - 320px) / 680));
    }

    h3 {
        font-size: calc(18.72px + 6 *((100vw - 320px) / 680))
    }

    h4 {
        font-size: calc(16px + 6 *((100vw - 320px) / 680))
    }

    h5 {
        font-size: calc(13.28px + 6 *((100vw - 320px) / 680))
    }

    h6 {
        font-size: calc(12px + 6 *((100vw - 320px) / 680))
    }

    html {
        font-size: calc(16px + 6 * ((100vw - 320px) / 680));
    }
}
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter