Do you know TNW’s Sofa Convention has a monitor totally devoted to exploring new design developments this yr? Try the total ‘Dash’ program right here.
It’s simple to take books and different printed materials with no consideration. Nonetheless, earlier than the invention of the printing press by Johannes Gutenberg within the mid-15th century, books have been written by hand. They have been typically reserved for the elite, although rising literacy among the many center class elevated their demand.
Typeface historical past has largely been influenced by the provision of expertise all through the centuries, beginning with Gutenberg’s press and persevering with by digital typography developments by designers within the 20th and 21st centuries.
Books for the lots
Gutenberg acknowledged that with the ability to mass-produce books shortly and cheaply was a profitable prospect. He drew on the movable sort utilized in East Asia and screw-type presses being utilized by farmers in Europe to plan the concept for the primary printing press.
As a result of Gutenberg was a goldsmith, he was in a position to create sturdy letter blocks that might be used over and over. Whereas arranging the letters for every web page might take a complete day, the web page might then be printed as many occasions as vital from that single day’s work.
Learn: [Why designers should stop obsessing over trends and aim for ‘timeless design’]
Gutenberg’s letterforms have been based mostly on the Blackletter calligraphy that was used to put in writing manuscripts. The draw back was that it restricted the quantity of textual content that would match on a single web page, creating longer books that required extra time to arrange.
Blackletter typefaces have been the unique customary for printing, primarily as a result of they mimicked the handwriting model of the time. However as talked about above, the draw back was that they took up appreciable area on the web page.
In 1470, Nicolas Jenson acknowledged that easier letterforms would lead to with the ability to match extra textual content on a single web page, leading to shorter books with sooner setup occasions. He created the primary Roman typeface, based mostly on Blackletter and Italian Humanist lettering.
Jenson’s typeface was the primary to be created based mostly on typographic ideas slightly than manuscript fashions. His Roman sort is the premise for a number of trendy fonts, together with Centaur, created by Bruce Rogers in 1914, and Adobe Jenson, created by Robert Slimbach in 1996.
Whereas Jenson’s Roman sort saved area on the printed web page, others have been attempting to save lots of much more area to enhance the effectivity of e book printing. In 1501, Aldus Manutius and Francesco Griffo created the primary italic typeface, which allowed much more textual content to suit onto the web page. Whereas initially invented as a space-saving measure, italics are nonetheless used to emphasise textual content.
Effectivity was not the one typographic problem tackled by the primary sort of designers. Readability of early typefaces wasn’t best, particularly the italic typefaces favored for saving area.
In 1734, William Caslon created a brand new typeface model that included extra distinction between strokes in every letterform. Now known as “Outdated Model” sort, these typefaces made letterforms extra distinguishable from each other at a look, enhancing readability.
John Baskerville took this a step additional in 1757, creating Transitional typefaces with extra distinct letterforms. Whereas he made enhancements to sort, ink, and printing presses, his typeface was blacker than that of his contemporaries. Baskerville’s design was criticized as a result of thickness of the strokes. One in every of his critics even went as far as to say that his typeface could be “liable for blinding the nation.” His typeface was a business failure however was revived within the 20th century, and he has since been hailed as “the greatest printer England ever produced.”
The looks of recent serifs
Within the 1780s, two sort designers—Firmin Didot in France and Giambattista Bodoni in Italy—created trendy serifs with excessive distinction between strokes. At first look, the typefaces are very related in look and showcased the standard of the metal-casting work accomplished by the respective corporations, as thinner strokes required significantly better craftsmanship.
There are some distinct variations between the 2 fonts, largely within the look and placement of explicit letterforms. For instance, the uppercase J in Bodoni extends under the baseline, whereas in Didot it sits on the baseline. The strokes on the “3” in Bodoni are each terminated with balls, whereas solely the higher stroke is terminated with a ball in Didot.
Due to the extent of distinction between skinny and thick strokes in trendy serifs like Didot and Bodoni, they’re not probably the most readable typefaces at smaller sizes. They’re greatest fitted to headlines and show makes use of, although at excessive resolutions, they are often appropriate for physique copy.
The primary slab serif typeface
The primary commercially obtainable slab serif, or Egyptian, typeface—known as “Vintage”—appeared in 1815 and was designed by Vincent Figgins. They have been extra attention-grabbing than extra conventional serifs. The first attribute of slab serif fonts is the shortage of curvature on the serifs.
After the primary slab serif typeface was launched, they shortly grew in recognition early within the 19th century, alongside the rise in printed promoting. Some slab serifs have been developed particularly for use at bigger sizes for printed matter like posters. This was a departure from earlier large-scale sort designs, which tailored current types of e book sort.
Giant-scale promoting design additionally introduced in regards to the first sans serif typeface.
Sans serif sort makes its first look
Across the similar time as the primary slab serif typeface turned obtainable, the primary sans serif sort turned commercially obtainable. William Caslon IV developed “Two Strains English Egyptian”—often known as “Caslon Egyptian”—in 1816. It caught on shortly, and commercials and different printed materials from the early 19th century stood out due to its use.
Sans serif sort was influenced by block lettering that was generally utilized in classical antiquity, wherein serifs have been minimal or lacking completely. In the course of the early 1800s, Egyptomania took a lot of the Western world by storm, and each typography and design took cues from Historic Egyptian artwork and its blocky lettering model.
The following vital growth in sans serif sort got here 100 years later when Edward Johnston designed the enduring typeface for the London Underground—nonetheless in use at this time.
20th-century typeface historical past
The 20th century introduced nonetheless extra vital developments in typeface historical past. The primary full-time sort designer was Frederic Goudy, who received his begin within the 1920s. He created iconic fonts which are nonetheless in use, together with Copperplate Gothic and Goudy Outdated Model (based mostly on Jenson’s Outdated Model typefaces).
In 1957, Max Miedinger designed Helvetica, arguably probably the most iconic typeface of the 20th century. Different minimalist typefaces have been developed within the 20th century, together with Futura (developed by Paul Renner) and Optima (developed by Hermann Zapf).
The primary digital typeface—Digi Grotesk—was designed by Rudolf Hell in 1968. Early digital fonts have been bitmaps, which resulted in less-than-ideal readability at small sizes. In 1974, the primary define (vector) fonts have been developed, which resulted in higher readability concurrently lowering file sizes.
By the late 1980s, TrueType fonts have been created, which allowed for each laptop shows and output units like printers to make use of a single file. In 1997, OpenType fonts have been invented, which allowed each Mac and PC platforms to make use of a single font file.
In the identical yr, CSS integrated the first-ever font styling guidelines, and the next yr, the primary help for net fonts was added to Web Explorer 4 (although they weren’t broadly adopted at the moment).
Typeface evolution on the net
The 21st century introduced appreciable advances in web fonts. In 2009, the Net Open Font Format (WOFF) was developed and added to the W3C open net customary. This growth paved the best way for widespread adoption of net fonts in 2011 when all main browsers lastly adopted help for WOFF.
Widespread help for net fonts revolutionized digital design, permitting designers virtually limitless choices in net typography and ushering in developments, together with large typography and the usage of define fonts.
The introduction of variable fonts throughout the OpenType customary in 2016 strengthened the online typography revolution. Variable fonts can change dimension and weight based mostly on the place they’re utilized in a design, inside a single font file. This flexibility means utilizing fewer font information, leading to sooner web page load occasions.
What the longer term holds for typography
Variable fonts have had a major affect on digital type design, however there’s nonetheless room for brand new developments and applied sciences to emerge sooner or later. One space the place many typefaces are nonetheless missing is international language protection. Whereas many typefaces deal with Latin character units, there are different Western languages (corresponding to Greek and Cyrillic) that needs to be extra broadly included as customary in font information.
Some areas of design change and evolve shortly, however typography has been slower to evolve over the centuries. One rising expertise to observe is the event of shade fonts, throughout the OpenType-SVG format. These fonts permit designers to make use of a number of colours inside a single glyph. Whereas the expertise to do that has been round for a couple of years, it hasn’t been broadly adopted—but. Then once more, net fonts have been technically attainable for greater than a decade earlier than they have been broadly adopted.
If typeface historical past has demonstrated something, it’s that typography will proceed to evolve to satisfy the wants of designers, new codecs, and readers.
The Toptal Design Blog is a hub for superior design research by skilled designers within the Toptal community on all aspects of digital design, starting from detailed design tutorials to in-depth protection of latest design developments, instruments, and strategies. You may learn the unique piece written by Cameron Chapman here. Observe the Toptal Design Weblog on Twitter, Dribbble, Behance, LinkedIn, Facebook, and Instagram.
Comet SWAN is coming — and it’ll be visible without a telescope