Text size is the space that characters occupy in the content of a WEB page. The size of a text is defined in the CSS styles thanks to the "font-size" property. By default, in the absence of instructions, browsers generally use a size of 16px.
body {
font-size: 14px;
}
The value that the attribute "font-size" can take is expressed in pixels (px), it can also be expressed through other units (%, em, rem) which are translated into pixels by the browser.
If the text size is not big enough, especially on cell phones, users will have difficulty reading the content of your page and will have to zoom in to make it accessible. Having to manipulate the browser to make the content accessible degrades the user experience, so it is essential to provide the best accessibility to users from the first display of the WEB page.
To provide an optimal experience, at least 60% of the text must be larger than 12px. If this is not the case it is necessary to :
p {
font-size: 8px;
font-size: 14px;
}
<head>
...
<meta name="viewport" content="width=device-width, initial-scale=1">
...
</head>