Approach heard a lot about Reactive Web Design (RWD), as it is probably the most talked about subject areas on the net nowadays.

Yet , most of the conditions, grids and images, fluidity and adaptability grab all of the attention and there is barely any discussion around the typography.

Even though it’s among the essentials that demand importance but the majority of designers in some way tend to disregard this element. In this write up, my only focus can be on reactive typography pertaining to the website design.
Content, even though the most necessary ingredient of any web page, blog, discussion board or website directory, is it is content and the way it truly is presented. However the focus of designers is mostly on the site design. This is how the problem comes up.

The adaptive web design previously takes care of this kind of aspect to some degree, by which include some amount of responsive typography. Yet this kind of cannot be referred to as complete but it surely comes loaded with numerous typographic options. However , before we all go into the details, let us first understand what reactive typography is definitely.

What is Receptive Typography?

Receptive typography means that the text online is not only resizable depending upon the screen size with the device, although is also maximized in order to increase readability. At present, we tend only make use of desktops or perhaps laptops to gain access to internet and browse websites but also make use of tablets and androids.

For quite long, the designers have been completely solely centering on website design in order to make it versatile to the different screen sizes. There has been nearly or very little effort designed to optimize or adapt the information and its demonstration according to the screen size. Reactive typography details this issue, presenting an opportunity to designers to experiment with a few possibilities also.

Basic Principles of Receptive Typography

The concept of responsive typography works on three basic principles:

Resizable text
Search engine optimization of path length

Whenever you produce any decision about the presentation of text, that obviously starts from the typeface type. Regardless of what type of typeface you are employing, but it’s important to make sure that the content can be very easily read. If you wish to keep it sensitive, the only options are Serif and Sans Serif. Serif is generally utilized for headings or perhaps titles, although Sans Serif is used for the remainder of the content.
The logic is very simple. The Sans Serif font gives you more freedom to experiment with. Therefore , you can actually use this for the top chunk belonging to the text. The Serif typeface, according to the designers, is quite significant, thus which makes it a perfect choice for titles.

Resizable Text

When selecting the font size meant for the text in your website, always specify that in the stylesheet according to different screen sizes. Yet how to decide the proper font dimensions are another query. For this the rule of thumb is usually experiment for you.

Yes, pick the font size and assess how i think when you focus on a desktop, a tablet and a smartphone. Do not forget that people look at their cell phones from extremely near while tablet is, most of the time, a little bit above the knees when a user is seated. In short, range matters. When you have a hard time studying it, increase the font size.

Optimization of Line Span

Optimizing the queue length is fairly an important aspect. The reason is that a desktop incorporates a bigger display and can cater to around 75 characters within a line although this will show detrimental to legibility on extra small screen size. Although there will be no hard and fast rules, but of course, the size of a collection plays an essential role in the visibility and readability with the content.
Therefore , choose the length of the line accordingly for different products and ensure so it does proper rights with the screen-size as well as the overall website design.


Do not underestimate this facet of typography. Test out different backgrounds and color contrasts before going live and choose the one that appears best. Although testing, you may realize that something that looks incredibly nice on the desktop might not produce similar effect once seen on a smartphone or possibly a tablet either.

So , the rule of thumb is definitely, experiment with as much devices likely when it comes to Receptive Web Design and responsive typography. Buy or perhaps borrow, nevertheless make sure that the solution works with all screen sizes and looks absolutely amazing.