Approach heard a lot about Receptive Web Design (RWD), as it is probably the most talked about topics on the internet nowadays.

Yet , most of the moments, grids and images, fluidity and adaptability grab all the attention and there is barely any kind of discussion relating to the typography.

Although it’s among the essentials that demand importance but most designers for some reason tend to dismiss this aspect. In this jot down, my exclusive focus is certainly on reactive typography pertaining to the website style.
Content, even though the most important ingredient of any web-site, blog, community forum or directory, is their content as well as the way it is actually presented. But the focus of designers is mostly on the website design. This is when the problem arises.

The adaptable web design previously takes care of this aspect to some degree, by including some degree of responsive typography. Yet this cannot be referred to as complete but it really comes loaded with numerous typographic options. Nevertheless , before we all go into the particulars, let us first of all understand what receptive typography is definitely.

What is Responsive Typography?

Responsive typography ensures that the text on the site is not only resizable depending upon the screen size of this device, but is also optimized in order to improve readability. Nowadays, we avoid only work with desktops or perhaps laptops to gain access to internet and browse websites but also make use of tablets and smart phones.

For quite long, the designers had been solely concentrating on website design in order to make it functional to the different screen sizes. There has been practically or almost no effort built to optimize or adapt the content and its presentation according to the display size. Responsive typography deals with this issue, giving an opportunity to designers to experiment with this also.

Basic Principles of Receptive Typography

The idea of responsive typography works on 3 basic principles:

Resizable text
Search engine optimization of set length

Whenever you produce any decision about the presentation of text, that obviously starts from the typeface type. Whatever type of font you are using, but you need to make sure that this article can be very easily read. If you need to keep it sensitive, the only alternatives are Serif and Without Serif. Serif is generally intended for headings or perhaps titles, although Sans Serif is used for the rest of the content.
The logic is quite simple. The Sans Serif font offers you more liberty to experiment with. Therefore , you can actually use it for the main chunk of your text. The Serif typeface, according to the designers, is quite severe, thus turning it into a perfect choice for headings.

Resizable Text message

When deciding the font size with regards to the text on your own website, be sure to specify it in the stylesheet according to different screen sizes. Yet how to decide the correct font dimensions are another concern. For this the rule of thumb can be experiment upon you.

Yes, choose the font size and review how it appears to be when you work with a computer’s desktop, a tablet and a smartphone. Do not forget that people check out their cell phones from incredibly near while tablet is, most of the time, slightly above the knees when a individual is sitting. In short, range matters. Should you have a hard time examining it, boost the font size.

Optimization of Line Distance

Optimizing the queue length is fairly an important element. The reason is that a desktop has a bigger display and can hold around seventy five characters within a line although this will demonstrate detrimental to legibility on extra small screen size. Although there will be no hard and fast rules, but of course, the length of a set plays a major role inside the visibility and readability with the content.
So , choose the length of the line consequently for different equipment and ensure that this does justice with the screen-size as well as the total website design.


Do not take too lightly this area of typography. Evaluation different backgrounds and color clashes before going live and make a decision on the one that looks best. While testing, you might realize that something which looks really nice on the desktop might not produce precisely the same effect when seen over a smartphone or possibly a tablet even.

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