background preloader

50 Helpful Typography Tools And Resources - Smashing Magazine

50 Helpful Typography Tools And Resources - Smashing Magazine
Advertisement We love beautiful typography, and we appreciate the efforts of designers who come up with great typographic techniques and tools or who just share their knowledge with fellow designers. We are always looking for such resources. We compile them, carefully select the best ones and then prepare them for our round-ups. And now it’s time to present a beautiful fresh dose of typography-related resources. To help you improve the typography in your designs, we’re presenting here useful new articles, tools and resources related to typography. You may be interested in the following related posts: Typography: References and Useful Resources The Taxonomy of TypeThis article’s purpose is to help us as designers to distinguish basic properties of types. Typedia: A Shared Encyclopedia of TypefacesTypedia is a resource to classify, categorize, and connect typefaces. Typeface Anatomy and GlossaryMany fonts have abbreviations in their names. Finding The Right Type Combining Type Type Design

60+ Really awesome Typography Showcases | tripwire magazine We all know it – “A picture is worth a thousand words“. This is certainly true in most cases but clever use of typography can also turn words into pictures and then interesting things start to happen. Some people experiment with the idea of turning typography into art and pictures and I believe the results can be very interesting and inspiring. In particular this type of art is commonly seen on posters, in logos, on walls (graffiti), etc. Advertisement Tagged as: CSS Techniques, Inspiration, Typography

Abstract Fonts - 13,057 Free Fonts Technical Web Typography: Guidelines and Techniques Advertisement The Web is 95% typography, or so they say. I think this is a pretty accurate statement: we visit websites largely with the intention of reading. That’s what you’re doing now — reading. With this in mind, does it not stand to reason that your typography should be one of the most considered aspects of your designs? Unfortunately, for every person who is obsessed with even the tiniest details of typography, a dozen or so people seem to be indifferent. Creative and Technical Typography I’m not sure these two categories are recognized in the industry but, in my mind, the two main types of typography are creative and technical. Creative typography involves making design decisions such as which face to use, what mood the type should create, how it should be set, what tone it should have — for example, should it be airy, spacious and open (light) or condensed, bold and tight, with less white space (dark)? We’ll focus on technical type in this article. We’ll learn about: <! Beware! <!

Exploiter n&#039;importe quelle police dans vos pages HTML avec FLIR - Alsacréations FLIR est une solution axée sur une combinaison PHP/Javascript. Elle génère dynamiquement une image à partir d'un texte contenu dans votre page web dans une police de caractère déposée sur votre serveur et qui, autrement, ne pourrait pas être vue par vos visiteurs. L'image générée sera automatiquement insérée dans votre page à l'aide de Javascript et visible sur tous les navigateurs modernes. N'importe quel élément contenant du texte peut être remplacé depuis les headers (<h1>, <h2>, etc...) jusqu'aux éléments <span>. Avant de vous jeter les yeux fermés dans l'éxecution de ce tutoriel, sachez que désormais CSS offre la possibilité - beaucoup plus souple et accessible - d'inclure une police "exotique" dans une page web grâce à la propriété @font-face. Par ailleurs, l'utilisation de FLIR requiert un serveur web supportant PHP et la librairie GD. Et voilà ce que vous devriez obtenir : Etape 1 - Mise en place de Facelift Ouvrez "flir.js" dans un éditeur de code et rendez vous ligne 28.

A Beginner's Guide to Pairing Fonts – Web Design – Tuts+ Tutorials Pairing fonts can be a challenge. Selecting two or more fonts which work well is one thing - selecting two which work together to achieve your typographic aims may have you reaching for the aspirin. Let's see if we can alleviate any headaches. This guide will help you get started with font pairing for the web. Luckily, typography has been around a lo-oong time. Typographic rules and conventions have had plenty of opportunity to establish themselves and there are loads of resources to help you out. Here's a quick breakdown of what we'll cover in this guide: Your Aim Keep the essentials in mind. How Many Fonts Should I Use? How many fonts you throw into the mix is entirely up to you, but bear in mind the overall effect you're trying to achieve. Make sure that there is some charisma in the group though; eight people with little to say just results in a toe-curling wait for the speeches.. There are no rules to say you should or shouldn't use a specific number of fonts on a page layout.

FontFont Typeface Library by FSI FontShop International Know Your Typefaces! Semantic Differential Presentation of 40 Onscreen Typefaces By A. D. Shaikh Summary. Introduction While there has been quite a bit of research on the perception of printed type, there has not been a thorough investigation into the perception of onscreen type. Figure 1. The responses reduced down to three factors to describe the typefaces: Evaluative, Potency, and Activity. Potency reflects typefaces that are seen as having strength, power, or force.Evaluative reflects typefaces that are viewed as having value, worth, and importance.Activity reflects typefaces that are considered to be full of energy, movement, and action. The factors were correlated; Potency and Activity were positively correlated, and Potency and Evaluative were negatively correlated. Table 1. Figure 2. [Back to Table 1] *Note: This article presents a small portion of findings from Dawn Shaikh’s dissertation investigating the perceptions of typeface personality. Osgood, C. Like this: Like Loading...