What font size is best for websites?

Question

Design

I have already read a lot of materials on the topic of which font is better both in size and family, but still, most of the materials are based on the personal opinion of many people. For example, it seems to me that a 12-13px font is good for websites, because. it's not too big and not too small (11px).
A lot of sites now mostly use 12-13px. Google uses 13px font size.
Lenta.ru - 15-16px
Vkontakte - 11-13px
What font is better for reading now and why? Please do not write corny - that's better, period. Such answers simply cannot be taken seriously.
Thank you.

Answer 1

A good service for choosing a font from the standard set of texster.ru Choose
a font depending on your content, some fonts make your eyes tired faster, some font looks more beautiful (this is a personal opinion for everyone)
Size, again, some font is smaller at 14px, some a little more, less than 13 I would not use it, because not everyone has good eyesight

Answer 2

12-13px - small.
I think it's better not to take into account old sites at all, they were made a long time ago, when monitors were square, and with low resolution.
In general, there is a tendency to increase the font size.
For me, even font-size: 16 - 24px is fine, so as not to be scaled by the browser.
I think it's better to focus on sites made in the last two or three years.

Answer 3

Can't answer your question. The font size should be chosen based on what content will be on the site, how much text there will be, the font should organically fit into the design and usability of the site.

Answer 4

Pointless question.
Visual font sizes vary quite a lot depending on the font line used. Those. for one ruler 13px - small, for the other - large.
Specify which line of fonts you are talking about (?)

Answer 5

It all depends on the typeface and the theme of the site. For example, for an online store where there are brief product descriptions in small thumbnails, I use Open Sans 12-13 pt, because I need to fit a lot of information (like product characteristics) in a small space, product preview on the catalog page, while maintaining the readability of the text.
On the other hand, if this is a blog, I can use 14-15 pt of the same Open Sans, and with a wide line indent, simply because it will be better read and I don’t have the task of fitting the text into a certain frame.
Reading fonts are suitable for both serifs and sans serifs, it all depends on the quality of the font itself, the size of the point size and the line spacing. That is, the task is no longer to use only Arial because it is on most computers, there is a variety, it became possible to select a font for certain tasks.

Answer 6

The most logical solution is to change the font size depending on the width of the visible area.
For small displays - 12, for large displays - 14/16 and so on.
As for the question in general, you'll excuse me, but your question sounds something like this:
I want to make an advertising banner on the street (12 by 6 meters) and a leaflet in the same style. So I think there and there to use one size, which one to take? It seems to me that 150 would be suitable for a banner, but then only one letter fits on a leaflet.
For each specific case, the font is selected individually. There are borders, they are as follows: the font should be readable, but only a couple of words in width should not fit into the screen. The rest is at the mercy of the designer.

Answer 7

There is an opinion that 16px is the optimal size. Here is a link to a full article with a detailed answer.

Answer 8

14px, if you use the banal averaging over web projects over the past couple of years.

Answer 9

The choice of font size is mainly influenced by readability. And it is affected by intra-letter clearance and font contrast.
Some fonts in 13 size are small, but the same Verdana will be large.

Answer 10

According to the convenience of perception, 12-14 is better suited for a canvas of text, for interface elements, individual phrases, etc. more.
Reading more than one phrase/line with a font size larger than 14px is inconvenient for me (for most fonts). But there are lovers of more text, on the same book readers, some of them fit half of mine on the page. It has nothing to do with vision, I had it bad until recently =)

Answer 11

I also ask myself this question all the time, but so far I have not seen a single study on this topic. I can only share my personal experience and observations. I have been following the services and how they are displayed on different screens for the last 6 years.
Five years ago, 12-13px was considered the base size of the standard font used for displaying texts for reading. While the 10-11px font was used for small captions. Over the past few years there has been an increase in these sizes. Today's trending sites use 14-16px font size for reading tests. Accordingly, for small signatures, a font of at least 12-13px is already used.
This is primarily due to the fact that lately the resolution of screens has greatly increased while maintaining their physical size, and even when they are reduced. And this means that the density of pixels increases, which means that the font of the same size begins to look smaller. In 2012, the screen with a resolution of 1366px wide became the most popular, displacing the leader of all previous years with a width of 1024px: habrahabr.ru/post/141948/.
In my personal experience, on monitors with a resolution of 1366px and above, the standard system fonts of 12px in size in reading texts already look very unfriendly, you have to increase their size using the browser all the time or watch people squint while peering at the screen. The optimal size is just 14-16px.
When choosing the font size for reading text on your site, you need to understand what the screen resolution statistics of your audience are. On average, in Runet, we see that there are about the same number of users with a resolution of 1366px and above, as well as all the others: www.liveinternet.ru/stat/ru/resolutions.html?perio... However, for Habr, for example, such users in 2 times more. So, for Habr you need to make the font size larger.
And of course, don't forget that system serif fonts (Times New Roman, Georgia) look smaller than sans-serif fonts (Verdana, Tahoma, Arial) at the same sizes. To make Georgia look the same as Verdana at 12px, you need to set it to 14px. In the same way, non-system, loadable fonts also differ in visible size. Lookatme uses the 16px ProximaNova-Regular font. If you try to remove this font from the styles directly in the browser, leaving only the system sans-serif, you will see how this system font increases. And in order for it to look like a loadable in size, you will need to reduce the size in styles to 15px.