nowfound

Life & fun · April 10, 2014

Responsive Type

Typography that changes based on distance from screen

Responsive Type launched on April 10, 2014 with 18 votes, #570 of 1,174 launches that month. The site was still online in September 2026, 12 years on.

What it does

Different font sizes for different reading distances are currently achievable by assuming a device’s form factor using @media queries. Long term, this is probably not ideal — that is, until reading distance-detection techniques, like the one you are testing right now, become more feasible. In the meantime, use Size Calculator by Nick Sherman and Chris Lewis to calculate the physical or perceived font size when factoring in reading distance and Universal Typography’s demo by Tim Brown of Nice Web Type, a very useful tool that can help you experiment with and adjust your paragraph proportions accordingly. Designed by Marko Dugonjić at Creative Nights Studios with Typetester , a next…from webdesign.maratz.com

Does a similar job

all alternatives →
  • Responsive View2016 · responsiv.eu · ▲216

    Test your responsive design across different devices

  • Responsive Design Checker2018 · ▲173

    Check how responsive is your website across device sizes

  • Pixelarity2015 · pixelarity.com · ▲123

    Spectacular responsive site templates

  • Typeset.js2015 · typeset.lllllllllllllllll.com · ▲81

    Improve your website's typography

  • Upsense2014 · ▲69

    Touch screen typing for the visually impaired

  • Typo2017 · apps.apple.com · ▲96

    Tune fonts for web and mobile

More life & fun this month

the category →

Source: Product Hunt launch ↗

Launched alongside, April 2014

the whole month →