On this page I will attempt, if I may, to give a synopsis of how typography has developed over the centuries, and the part it plays in our daily lives. Every piece of printed matter, whatever form it may be in; every website published; they all come down to one basic principle: Typography. Without it there wouldn't be any printed matter or websites, and scribes would still be using a quill pen and dye and writing on parchment.

A Brief History of Typography
The rapid rise of the world wide web and the advancement in word processors sounded the death knell for the traditional methods of typesetting, although there are still some small print shops that keep the craft alive.

Even with the introduction of mechanical typesetting, there was still a great deal that had to be typeset by hand, and although a highly skilled craft, it was a slow, laborious task where the compositor (typesetter) had to compose the words using individual metal letters, an example of which is below:

Just as the invention of movable type by Johannes Gutenberg in 1439 revolutionized putting ink on paper, so new technology revolutionized the modern printing industry as we knew it, particularly in the field of typesetting.

Although typesetting had become more sophisticated since the breakthrough by Gutenberg, the basic principles were still the same. Now moves were afoot to find a cleaner, quicker, and cheaper way to produce the printed page.

From the 1950's onward, various methods had been experimented with to try to find a way to reduced the cost and labor-intensive page production using traditional methods of typesetting. Many of these were unsatisfactory, producing poor images unsuitable for printing.

Until 1985, when the big breakthrough came: Desktop Publishing! This was the big breakthrough the big players in the printing industry: Newspaper, Magazine and Periodical publishers, had been waiting for.

As DTP became more advanced, new sophisticated software was developed, which allowed graphic designers, typographers and typesetters to quickly and cost-effectively compose and edit pages on a computer screen rather than the long, drawn-out traditional way. Typography hadn't become extinct, it had just reached new levels!

So, you may ask: "Where did all this lead to?" It lead to the biggest breakthrough of all, without which you wouldn't be reading this tutorial.

On 6 August, 1991, at the CERN Nuclear Research Laboratories in Geneva, Switzerland, the first ever website was published by Tim Berners-Lee, inventor of the world wide web, the address of which was: http://info.cern.ch/hypertext/WWW/TheProject.html.

I wonder how Gutenberg would feel if he could now see the development in technology which had arisen from his invention over five hundred years ago? Perhaps Mark Twain (1835-1910) summed it up perfectly with his eulogy:

"What the world is today, good and bad, it owes to Gutenberg. Everything can be traced to this source, but we are bound to bring him homage, … for the bad that his colossal invention has brought about is overshadowed a thousand times by the good with which mankind has been favored."



Join the Discussion
Write something…
Recent messages
minitrio Premium
Great tutorial, thanks :)
Reply
Harrysastar2 Premium
Thank you, happy to be of help.
Reply
T1967 Premium
TAGGED WITH PART 1 AND 2...CHEERS HUN :-)) XOXO
Reply
Harrysastar2 Premium
Hope you find them useful. Best wishes.
Reply
T1967 Premium
you too :-))
Reply
MKearns Premium
Thank you for you time and attention to the many characteristics and type of fonts. It's really quite an art and most useful for capturing attention.
Reply
Harrysastar2 Premium
Thanks, Michael, only too happy to help whenever I can
Reply
Loes Premium
Thank you for taking the time to explain all this about the different fonts, very thorough and easy to understand.
Reply
Harrysastar2 Premium
My pleasure, Loes, and thanks for the comment, much appreciate.
Reply
judebanks Premium Plus
Fantastic tutorial. Informative and it helpful for making better font choices and how to customize their appearance.

I understand that WordPress is removing Google's 'Open Sans'
font option.

Would you know what that means for WP users? Web designers and coders don't seem to like this. Do you know why this is an issue for some people? ~Jude
Reply
Harrysastar2 Premium
First, thanks for the comment, Jude, much appreciated.

Secondly, I'm not sure whether this applies to just the WP default Twenty series of themes or all themes. Below is a screenshot of a WordPress plugin that mentions removing fonts from default WP themes. I find it strange that WordPress has a plugin to remove these fonts when they are still named in the latest updated themes stylesheets.

I installed the Twenty Fifteen theme on a test site and changed the 'Noto Serif', serif to 'Open Sans', sans serif, with no problem, unless it would not appear as Open Sans on someone else's browser. As websites built at WA use the WP platform, maybe Kyle or Carson could clarify exactly what it means to WA members.
Reply
judebanks Premium Plus
Thanks, Harry. I appreciate your input.

I have since learned that the removal of Open Sans is from the Admin area of WordPress. See discussion below if you are interested:

https://wptavern.com/wordpress-4-6-to-drop-open-sans-in-the-admin-in-favor-of-system-fonts

It makes more sense now.

I'd like to remove - fonts.googleapis link altogether from my theme. I get a message when speed testing that the CSS needs to be optimized. It must have been included as default by the theme creator because I don't knowingly use google fonts on my site. ~Jude
Reply
Harrysastar2 Premium
Thanks, Jude, I'll take a look at it. Have a look in your header php or functions php the googleapis link may be in one or the other. If you know what the font is you can go to google fonts and find out what the loading time is.
Reply
judebanks Premium Plus
Okay, thanks.
Reply
Top