healthloha.blogg.se

The sizes of the text range from 12px to 14px, never reaching 16px. The hashtag text has the size of 14 pixels, placing the images into focus

While they do let you adjust yourįont size to the one that suits you the best, their default sizes are really They would look if their text was 18px big!). Twitter, for example, you can notice how small all text is (imagine how chaotic Since these pages have hovering, searching for items, editing, and other similar features, large fonts can make them look really awkward and distracting. Try it out, because there are a lot of websites out there that make bigger fontĪn opposite to the text-heavy pages, interaction-heavy pages work better with smaller font sizes. 16px is the minimum sizeįor these pages, while 18px is a great size. Their eyes, so bigger font sizes are what you want. Pages with the goal of learning something, you don’t want to make them strain Their purpose is to be read and they don’t have a lot of interaction. Text-heavy pages are, as the name suggests, web pages that have a ton of text on them, like this article you’re reading right now. There are two different kinds of pages that have different rules, and those are text-heavy pages and interaction heavy pages.

When it comes to desktop browsing, the whole thing is a bit more complex. You can also always open your website on a mobile device and see what’s off and could be improved. The hierarchy between the headline and the text is easily distinguished. Notice how the main text is the largest by far? It’s because they want you to read it first, and then everything else. Headlines give them the opportunity to know exactly what the paragraph is about and whether is useful to them or not. People rarely read the entirety of the text instead, they scan the text looking for the things they are most interested in. You want the hierarchy to be clear: headlines should always be bigger than the text. When it comes to secondary text, make it a couple of sizes smaller than the size you chose for the body size, you people can distinguish between them. Tend to automatically zoom in on the page, forcing you to zoom back out andįor body size, use text the size around 16px, and make sure that when the phone is held at a natural distance, you can easily read it.

Should be at least 16px, because if it’s any smaller than that, iOS browsers It only makes sense that businesses are optimizing their website for mobile browsing, as well. Mobile browsing is continuing to grow and it is highly unlikely that desktop browsing will take over again. Traffic on mobile devices went up by 222% in the last 5 years, and in February 2019, 48% of web page views were done from mobile devices.