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

However , most of the situations, grids and pictures, fluidity and adaptability grab every one of the attention and there is barely any discussion to the typography.

Even though it’s one of the essentials that demand importance but most designers mysteriously tend to ignore this feature. In this jot down, my only focus is on reactive typography with regards to the website design.
Content, although the most vital ingredient of any web page, blog, forum or listing, is its content plus the way it is actually presented. Nevertheless the focus of designers is mostly on the website design. That’s where the problem develops.

The adaptive web design previously takes care of this kind of aspect at some level, by which includes some level of responsive typography. Yet this cannot be named complete but it comes loaded with numerous typographic options. However , before we go into the particulars, let us first understand what receptive typography is.

What is Receptive Typography?

Reactive typography means that the text on the site is not only resizable depending upon the screen size of the device, but is also enhanced in order to boost readability. Nowadays, we avoid only employ desktops or perhaps laptops to view internet and browse websites but also make use of tablets and androids.

For quite long, the designers have been solely focusing on website design in order to make it convenient to the various screen sizes. There has been practically or almost no effort designed to optimize or adapt the content and its web meeting according to the display size. Responsive typography tackles this issue, presenting an opportunity to designers to experiment with a few possibilities also.

Basics of Receptive Typography

The idea of responsive typography works on 3 basic principles:

Resizable text
Marketing of path length

Whenever you produce any decision about the presentation of text, this obviously begins from the typeface type. Whatever type of typeface you are using, but you will need to make sure that this can be very easily read. If you want to keep it sensitive, the only alternatives are Serif and Sans Serif. Serif is generally intended for headings or titles, while Sans Serif is used for the rest of the content.
The logic is very simple. The Sans Serif font provides you with more liberty to experiment with. So , you can actually use that for the major chunk with the text. The Serif font, according to the designers, is quite serious, thus rendering it a perfect choice for titles.

Resizable Text message

When deciding the font size just for the text on your own website, be sure to specify this in the stylesheet according to different display sizes. But how to decide the best font size is another concern. For this the rule of thumb is usually experiment for you.

Yes, opt for the font size and examine how it appears to be when you focus on a computer’s desktop, a tablet and a smartphone. Keep in mind that people check out their cell phones from very near while tablet is, most of the time, a little bit above the leg when a user is resting. In short, range matters. Assuming you have a hard time examining it, boost the font size.

Optimization of Line Distance

Optimizing the line length is rather an important element. The reason is that a desktop possesses a bigger display and can put up around 75 characters in a line whereas this will verify detrimental to readability on extra small screen size. Although there will be no hard and fast guidelines, but of course, the length of a line plays an important role inside the visibility and readability of the content.
So , choose the entire line accordingly for different devices and ensure so it does justice with the screen size as well as the general website design.


Do not undervalue this element of typography. Test different backgrounds and color clashes before going live and make a decision on the one that appears best. When testing, you may realize that a thing that looks extremely nice over a desktop might not exactly produce similar effect when seen on the smartphone or possibly a tablet for instance.

So , the rule of thumb is usually, experiment with as much devices feasible when it comes to Receptive Web Design and responsive typography. Buy or borrow, although make sure that the solution will fit all display screen sizes and looks absolutely amazing.