background preloader

Top 13 Webfonts for Headline Use

Top 13 Webfonts for Headline Use
Today, webfonts abound. You can find them in a number of places: Google Font Directory, Typekit, Fontspring.com, and myriad other sites and font delivery services. A number are even free. And yet, like most things, much of what is free is not useful, and much of what is useful is not free. For example, there are a great deal of handwriting fonts available for @font-face embedding, but I would be hard pressed to think of more than a few instances in which these would be put to use. This article, then, focuses on the top 13 most useful free webfonts for headline use. One of the most common suggestions for combining headlines and body text is to set the headlines in a serif typeface and body copy in a sans-serif typeface, or vice versa. Because you’re typically only setting fewer than 100 characters in a headline, it doesn’t necessarily have the same requirements for readability as your text font. Nice Web Type has an excellent tutorial on @font-face embedding here. Authored by Nick Cox

Landmark Landmark, an architectural letter. The signature alphabet of one of New York’s most significant buildings becomes a family of clear and colorful display fonts. For those who understand outdoor lettering as a form of public service, no landmark seems more deserving of its own typeface than Lever House. Designed by Gordon Bunshaft and completed in 1952, Lever House is celebrated for its emphasis on both technological innovation and urban values: it pioneered glass curtain wall construction, the technique that came to define the modern skyscraper, and it used its site to favor aesthetic and social considerations over the raw potential for profit. Pentagram’s Michael Bierut developed an identity system for Lever House as part of the building’s 1999 renovation. In preparation for its release, Hoefler & Co. revisited the original Landmark typeface with additional variations in mind.

Fontdeck web fonts: Real fonts for your website 100 Greatest Free Fonts Collection for 2012 Today we'd like to delight you with an extensive list of The Best Free Fonts for 2012. We've made a collection in which you can find Sans Serif, Slab Serif, Rounded, Modern, Display , Art Deco, Geometric, Urban, Futuristic and even abstract style types. An important part of typography is selecting the right typeface for a project. This is one these things that you might want to keep handy for your next designs. Enjoy! Download fromBehance Serif, Slab Serif, Semiserif Typefaces ... Script and Calligraphic Typefaces Sans Serif, Modern, Geometric Typefaces ... Display and Decorative Typefaces ... A Closer Look At Font Rendering Advertisement The Web font revolution that started around two years ago has brought up a topic that many of us had merrily ignored for many years: font rendering. The newfound freedom Web fonts are giving us brings along new challenges. While we cannot change which browser and OS our website visitors use, understanding why fonts look the way they do helps us make websites that are successful and comfortable to read in every scenario. Now that we have a great choice of fonts that can be used on websites, it becomes clear that the translation of a design into pixels is not something that happens naturally or consistently. This article presents the mechanisms of type rendering, how they were developed, and how and why they are applied by the various operating systems and browsers—so that when it comes time to choose a font for your next project, you know what to look out for to ensure the quality of the typography is consistently high. Rendering Strategies Rasterization Grayscale Rendering iOS

BAT - Bureau des affaires typographiques Interactive Guide to Blog Typography The majority of websites are composed of a bright, usually white background and dark text. Then there's the small minority of the web: dark websites, colorful websites. Why is the bright background used by the majority of websites? Utilitarian Motivation The common use for small caps is for abbreviations longer than 2 letters, such as CSS , HTML and WYSIWYG excluding AM , PM , BC and similar. Research shows that consumers with a utilitarian motivation find a low-arousal environment more pleasurable than a high arousal one. Hedonistic Motivation Hedonism is defined as the pursue of pleasure, especially the pleasure of our senses. Example outside the web: nightclubs. T.26 Bonnes pratiques pour les déclarations @font-face Petit rappel historique À l’origine, les déclarations CSS @font-face faisaient partie de la norme CSS 2.0 et étaient supportées aussi bien par Internet Explorer 6 que par Netscape 4. Nous étions alors à la fin des années 90 et la guerre entre ces deux navigateurs faisait rage. Malheureusement, les constructeurs ainsi que les fondeurs ne parvinrent pas à se mettre d’accord à l’époque sur un format de fonte et le haut débit n’étant pas encore généralisé, cette technologie ne fut que peu ou pas utilisée. En conséquence, lors de l’écriture de la norme CSS 2.1, cette fonctionnalité fut purement et simplement supprimée. Avec CSS 3, c’est le grand retour en force des fontes web à travers le module CSS Fonts qui redéfinit la méthode d’insertion des fontes personnalisées dans les navigateurs. Déclaration simplifiée Une déclaration simple ressemble à ça : La propriété font-family permet de définir le nom de la fonte tel qu’il sera utilisé par la suite dans les déclarations de style. Les alternatives

the republic of type Barna cat Família de pal sec dissenyada per a la composició de textos. eng A functional sans serif typeface for text composition. esp Familia tipográfica pensada para la composición de textos de lectura. Pradell cat Família tipogràfica inspirada en els tipus espanyols del segle XVIII, en concret dels tipus gravats pel punxonista català Eudald Pradell. eng Latin text family inspired from 18th century spanish type specimens. esp Tipografía inspirada en las muestras de letras españolas del siglo XVIII, en concreto de aquellos tipos que grabó Eudald Pradell. Carmenesp Tipografía diseñada para la edición del libro Carmen de Prosper Merimée. eng Typeface designed for Prosper Merimée’s book, Carmen. cat Tipografia dissenyada pel disseny del llibre Carmen, de Prosper Merimée. Mecano esp Un tipo creado desde una base geométrica, de formas simples y abiertas. eng Typeface based on a simple geometric basis. cat Tipografia creada a partir de bases geomètriques, de formes simples i obertes.

Cape Arcona Type Foundry Complete Font Collection | All typefaces for half the price

Related: