Menu Search
Jump to the content X X
Smashing Conf Barcelona 2016

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.

Posts Tagged ‘Typography’.

We are pleased to present below all posts tagged with ‘Typography’.

50 Useful Design Tools For Beautiful Web Typography

Typography is elegant when it is attractive and communicates the designer’s ideas. When chosen wisely and used carefully, it can be very effective in supporting the overall design. Designers are always exploring different techniques with type: some use images or sIFR to produce very beautiful typography, while others prefer CSS alone to get the typography just right.


Today, we will look at 50 most useful typographic tools, techniques and resources for creating effective and expressive designs. We will also look at some hands-on typography tools that help designers and developers learn how to style their Web content, test it interactively and see the changes instantly. These tools are great for experimenting with different font types for your website.

Below we cover typographic tools, useful typographic references, font browsers, typographic CSS- and JavaScript-techniques, hyphenation techniques, sIFR tools and resources, grids and related tools, free and commercial fonts, a guide to Web typography, examples of great Web typography.

Please feel free to suggest further tools and resources in the comments to this post. And if you like this post please feel free to subscribe to our RSS-feed and follow us on Twitter.

You may want to take a look at the following related articles:


The Right Type: 5 Inspiring Typography Tales

Nowadays, typefaces are a dime a dozen; there's certainly no shortage of free fonts. But as in any artistic field, the standouts are rare, and understanding why they excel takes gradual experience.

Subway Signage by FredoAlvarez.

In this yarn, we'll take a closer look at inspiring stories behind the design of typefaces that you may have seen or used but didn't know the history of. We'll explore the nooks and crannies — both literal and figurative — of the evolving printed word. By the end, we hope you come away with a better appreciation of how things came to be.


15 Beautiful High-Quality Free Fonts

Every now and again we take a look around, select “fresh” high-quality free fonts and present them to you in a brief overview. The choice is enormous, so the time you need to find them is usually the time you should be investing in your current projects. We search for them and we find them, so you don’t have to.

Aller Sans

In this selection we’re glad to present you Aller Sans, Mayberry Pro SemiBold, Quicksand, Agrafa Hairline, Sketch Rockwell, Megalopolis Extra and a couple of other high-quality free fonts. Please read the license agreements carefully before using the fonts — the license can change from time to time.


Vintage and Retro Typography Showcase

Typography talks the talk, to go along with the overall work’s walk, speaking volumes for the artist. This important design element surrounds people daily as they move through their routines, rarely taking notice. It’s literally everywhere. In advertising, product packaging, printed publications, graphic designs, and more. Accentuating and centralizing the overall theme of the design that it inhabits, communicating the message to the masses through creative inclusions in the work.


For decades this design tool has given rise to some truly elegant type that still have impressions echoing through design today. Revisiting these themes is a cyclical commonplace that the design community embraces with stunning results. In this article, we go retro, finding beautiful examples of vintage typography and the modern work they’ve inspired. Looking back, it’s easy to see why some of this type has stood the test of time and is still lingering in the design community today.


Free Fonts Of The Month: Myndraine, Museo Sans

Every now and again we take a look around, select “fresh” high-quality free fonts and present them to you in a brief overview. The choice is enormous, so the time you need to find them is usually the time you should be investing in your current projects. We search for them and we find them, so you don’t have to.


This month we are glad to present 5 free high-quality fonts and collections of grunge and handwritten fonts. Please read the license agreements carefully — they can change from time to time.

  • Last episode features Fertigo Pro and FF Nuvo,
  • You can find over 80 more free fonts in our section Fonts.

25 Font Management Tools Reviewed

If you are one of those people who work with fonts on regular basis, then choosing, comparing and analyzing fonts is a serious business for you. Font management is not always as easy as a walk on the cake. Font management issues like installing and uninstalling fonts, handling missing fonts, taking care of font conflicts always keep graphic designers and typographers on their toes.


Also hundreds or thousands of fonts activated on the system can use up considerable amount of system resources which in turn reduces efficiency and productivity. Mac, Windows and Linux platforms have their own font management utilities, but these utilities are not sufficient in a specialized or professional environment. This is where professional font management tools come to the rescue.

Below we have reviewed 25 free/commercial font managers for Mac, Windows and Linux. Which one do you use and why? Your favourite tool is missing? Let us know in the comments!


Ampersands With Attitude

Ampersands have long been the character in a typeface with which typographers can indulge themselves. Sweeping curves, flirtatious finishes and bold statements - these are the things that make ampersands an exciting character to use and, better still, to design.

Ampersands with attitude?

Can you spot what typeface is used to display the ampersand in the image above? Large view

There are, however, two problems. The first is that the English language gives us few situations to use such a daring character. We seldom get to show off these beautiful examples of typography. The second is that the poor little ampersand so often goes unnoticed.

Allow me to share with you my top 10 different styles of ampersands. Some are similar, but each have their own personality. In an effort to limit my sample selection, I have only chosen ampersands from freely available sans fonts. [Content Care Oct/20/2016]


The Showcase Of BIG Typography

In Web typography doesn’t have to support the overall design. It can dominate. It can be loud. It can be bold. And it can be everywhere on a web-site. In many situations it’s reasonable to give the typography the prominent position it deserves, leaving visual cues in the background or removing them at all. Doing that, you have to risk large font sizes surrounded by a generous amount of white space. What comes out of it? Elegant web sites with a unique form, style and sense of precision.


Few months ago we have already presented some sites with quite BIG typography. In this article we present further 55 examples of big, “loud” and yet elegant typography in web design; some listed designs are Flash-based, and in some cases designs are based not only upon typography, but also upon some visual elements.

Please take a look at the following posts as well:


Sexy, Bold And Experimental Typography

Sometimes typography is all you need to communicate your ideas effectively. Graphics can support the type or type can support the graphics, but to deliver the message precisely, you need to make sure your type is expressive enough, your design is distinctive enough and the composition is strong enough. The results are sometimes crazy, sometimes artsy, sometimes beautiful, but often just different from things we're used to. Thus designers explore new horizons and we explore new viewing perspectives which is what inspiration is all about.

Beauty of Typography - Typography

This post showcases over 70 examples of sexy, bold and experimental typography. Some examples are typographic posters, some are typographic illustrations and some are just sketches with type. In any case, you will hopefully find some inspiration for your future works.

Feel free to check out our previous typography-related posts:

  • Breathtaking Typographic Posters with over 50 typographic posters designed by artists across the globe. We feature Oriental, Iranian, Hebrew, Japanese, Chinese and Russian typographic posters as well as a number of further references,
  • Typography In Motion presents some excellent examples of typography embedded into movies and videos,
  • The Showcase of BIG Typography with over 35 examples of big, “loud” and yet elegant typography in web design.

So what can be achieved out of simple letters and symbols? Please be patient, some screenshots are huge.


↑ Back to top