Skip to content

chrome font size

Jump to bottom
DaHyeon Won edited this page Apr 1, 2020 · 5 revisions
  • 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>
);

Clone this wiki locally