chrome font size - RLidea/dev.docs GitHub Wiki

chrome 브라우저는 최소 폰트 사이즈가 정해져 있음. (2020.04 기준으로 18px)
그보다 작은 폰트를 사용하고 싶다면 css에 text-size-adjust: none; 속성을 추가해야 함.
Next.js 프로젝트의 경우 _app.js의 return(...)에서

return (
  <React.Fragment>
    <Head>
      <title>Dearyou</title>
        <meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width" />
    </Head>
    <ThemeProvider theme={globalTheme}>
      <CssBaseline />
      {/* add style */}
      <Component style={{ textSizeAdjust: 'none' }} {...pageProps} />
    </ThemeProvider>
 </React.Fragment>
);

관련 링크: MDN text-size-adjust

⚠️ GitHub.com Fallback ⚠️