background preloader

Type Glossary - Typography Deconstructed

Type Glossary - Typography Deconstructed
Ampersand A stylized character of the Latin et used to represent the word and. Definition: The typographic symbol used to designate the word and (& ) is the Latin symbol for et which means and. The name, ampersand , is believed to be derived from the phrase “and per se and.” On a standard English layout... Aperture The partially enclosed, somewhat rounded negative space in some characters. Apex A point at the top of a character where two strokes meet. Arc of Stem A curved stroke that is continuous with a straight stem. Arm A horizontal or upward, sloping stroke that does not connect to a stroke or stem on one or both ends. Ascender An upward vertical stroke found on the part of lowercase letters that extends above the typeface’s x-height. Ascender Line The invisible line marking the height of ascenders in a font. Ascent Line The invisible line marking the farthest distance between the baseline and the top of the glyph. Axis Ball Terminal A circular form at the end of the arm in letters. Bar Baseline Related:  type and graphic designTypography Typography Cheat Sheet: The 6 Big Mistakes To Avoid Typography is one of those strange skills — too mathematical to be pure art, but a touch too intangible to be pure science. Our modern life is awash with text, so all front-end devs really need to have a thorough working knowledge of the “art of arranging type”. So, let’s run through a quick-fire cheat sheet of some of the most common typography mistakes — and ways to avoid them. Mis-judged Text Line Lengths Many designers tend to not pay enough attention to the number of characters in an average line of their text and adversely affect the readability of the text. Happily, this is an easy mistake to avoid, as the optimal length has long been identified. The great Swiss typographer, Emil Ruder did a lot of work on this topic in the 1950′s. In his seminal essay, “Typographie: A Manual of Design”, he concluded that the ‘sweet spot’ for line length was around 50 or 60 characters. Shorter line lengths slows comprehension as the eye spends more time tracking back to the next line. Badly Paired Fonts

Free Typography Anatomy of a Character - - by Ilene Strizver How do you tell one typeface from another? If you’re trying to distinguish Helvetica from Times Roman, the difference is obvious. In other cases, however – especially between text designs having similar characteristics – the differences can be subtle and difficult for the less–experienced eye to see. One important step in training your eye to notice the details that set one design apart from another is to examine the anatomy of the characters that make up our alphabet. As in any profession, type designers have a specialized vocabulary to talk about the different parts of letters. Visit our Articles & News Page to read other FYTI Articles.

10 Great Web Font Combinations | Stepto & Son Graphic Design and Website Development Agency We take the pain out of font matching by selecting 10 great web font combinations that will always work well together. Choosing a typeface for your website is not always an easy task, and fixing on a successful pairing can be a particularly arduous task. One general rule of thumb when combining fonts is to use a serif and a sans serif together, to create contrast. Here we look at 10 great web font combinations that never fail to fit; the way they have been combined is based on using two complementing typefaces – one for the heading and one for the body copy – with both being interchangeable. For this reason, we would recommend that you experiment with different sizes, weights, leading and so forth to get the most from your chosen typefaces. Georgia & VerdanaFor those who stick to web standards, this combination is always going to be a winner. Please copy and paste the code above. Below you can find three examples of great typographical brand identities.

Reactions to 95% Typography by Oliver Reichenstein An avalanche of comments, hundreds of applauding blog entries, honorable mentions from cooler and more sublime and hotter and higher places, forum discussions, translations in Chinese and partially in Italian and even blunt plagiarism was incited by one of my recent notes. In order to not answer to each commentator individually, I decided to write a summary that answers most of the raised concerns, accusations and questions. As a result I think that managed to make things a little clearer. Sensationalist and unfounded! Justin: My issue is quite simply your title. I didn’t intend to be loud or (un)popular. I am writing these entries with the goal of publishing a book on usability and branding one day. Am I the only one saying so? Joran: Type as interface. “Text as user interface” is a concept and notion coined by Cameron Moll. The Grid The 95%-idea first came to my mind while designing. Most websites try to get text across, and most websites fail in that regard.

Lexique typographique ’unité de base de la typographie est donc la lettre. Plus précisément le signe typographique puisque les 26 lettres de l’alphabet, sous leur forme majuscules ou minuscules, sont inséparables d’une série de caractères indispensables à la composition de texte à commencer par la ponctuation et autres signes spéciaux (comme le désormais indispensable ‘@’). Depuis l’invention de l’imprimerie, une nomenclature a été progressivement élaborée, afin de désigner précisément les différentes parties des lettres. En maîtrisant ce vocabulaire, le typographe affûte son sens de l’observation et peut ainsi mieux appréhender la complexité de l’alphabet. Il faut d’abord distinguer les majuscules des minuscules, les capitales ou haut de casse au bas de casse, comme les désignait autrefois l’imprimerie traditionnelle (en référence à leur place dans le casier à caractères du compositeur appelé ‘casse’). Ligne de pied: ligne sur laquelle s’alignent les caractères.

A Brief History of Typography Back to blogBy Sarah Skrilloff, Business Development Assistant Type is everywhere – street signs, magazines, the web. Every typeface you see around you has been painstakingly and carefully planned out, and each has its own personality and vibe. But have you ever stopped to wonder how the typefaces we encounter everyday came to be? Terminology explained What’s the difference between a typeface and a font? Throughout history, typefaces have been influenced by technological advances, culture shifts, and just general boredom with the state of typography. 1400’s: Guttenberg invented movable typefaces, giving the world a cheaper way to obtain the written word. 1470: Nicolas Jenson created Roman Type, inspired by the text on ancient roman buildings. 1501: Aldus Manutius created italics – a way to fit more words onto a page, saving the printer money. 1734: William Caslon created a typeface which features straighter serifs and much more obvious contrasts between thin and bold strokes.