Silkscreen is a small free font for your Web graphics Silkscreen is a four member type family for your Web graphics created by Jason Kottke. Silkscreen, with both Mac and Windows versions, is free for personal and corporate use. There is more information about Silkscreen, including terms of use, in the FAQ below. Download Silkscreen for Windows, OS X, or Linux (TrueType, 22.7 KB) Frequently Asked Questions about Silkscreen Can I contact you about Silkscreen? Silkscreen looks familiar. What did you use to make Silkscreen? First I used the pencil tool in Photoshop to draw all of the letters. After all the characters were designed in Photoshop, I drew the fonts by hand in Fontographer. I then sent the Windows TrueType versions to Ray @ theMaxx for some conversion. Why did you design Silkscreen? I also designed Silkscreen to teach myself a little bit more about typography and Fontographer. How much does Silkscreen cost? What are the terms of use for Silkscreen? What's the best way to use Silkscreen? What characters are included in Silkscreen?
Modularscale DejaVu 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
O rule + golden proportion for calculating the gutter in the grid O rule + golden proportion for calculating the gutter in the grid Wednesday, May 27, 2009 { 12 Comments } What is Gutter in Grid Design? Gutter is the blank space that separates rows and columns in screen. So why is the size of the gutter important in web design or design in general? I think that the space between the columns is extremely important and it can contribute for better reading, more elegant design and the harmony between grids (columns). We (me included) almost every time ignore the gutter size. There is practically no (or very little) documentation about this problem on the web or in many typography or grid design books. So I tried to resolve this problem. First logical thing is that the size of the gutter should be bigger than one blank space of one letter. I often ask myself why the site The Grid System looks so damn good. Every time when I tried to find the formula for the perfect gutter I finished with dead end. Attention! I called this rule O-rule. << Home
Typograph – Scale & Rhythm This page falls somewhere between a tool and an essay. It sets out to explore how the intertwined typographic concepts of scale and rhythm can be encouraged to shake a leg on web pages. Drag the colored boxes along the scale to throw these words anew. Choosing sizes Don’t compose without a scale. Of course, good typesetting requires something more than selecting a series of font sizes, just as music consists of something more than choosing notes. Vertical Tempo Most pages of continuous prose pulse with a particular vertical rhythm, established by the lines of its main words, sentences, and paragraphs. For this, Bringhurst suggests another rule of thumb: Add and delete vertical space in measured intervals. Size and rhythm make each other interesting. Sizing up the <body> The first step: establish the size of the main text. Here, it pays to work with the grain. Without any custom CSS, the browser’s standard font settings determine the size of the main text. Declare <body> font-size using %
free fonts directory: /tex-archive/fonts/Asana-Math The "Asana Math" OpenType font includes all mathematical symbols included in the latest version of Unicode. It includes a MATH t able as an extension to OpenType that would enable selecting glyphs for stretchy operators in a not-so-font-specific manner. It has been successfully tested with XeTeX 0.9997.4 and Word 2007/2010. The font was constructed using glyphs from the pxfonts of Young Ryu while many symbols were designed by the author. Files Download the complete contents of this directory in one zip archive (578.1k). asana-math – A font to typeset maths in X∃(La)TeX and Lua(La)TeX The Asana-Math font is an OpenType font that includes almost all mathematical Unicode symbols and it can be used to typeset mathematical text with any software that can understand the MATH OpenType table (e.g., X∃TeX 0.997 and Microsoft Word 2007). The font is beta software. Typesetting support for use with LaTeX is provided by the fontspec and unicode-math packages.
Main Page - DejaVu 10 Examples of Beautiful CSS Typography and how they did it… » - Web Design Marketing Podcast & Blog Lately I have been very interested in how far we can take Typography only using CSS. Sure you can use images or sIFR to produce some very beautiful typography, but there is something unique and special about using only CSS. It is incredibly useful too, if you know the extent you can take CSS you end up with much more flexible websites— especially ones driven by a CMS. Think about how difficult sIFR or images get when you want to replicate that typography or typeface over 100 pages powered by a CMS. If you can get beautiful type via CSS it makes this situation very easy and with out compromise. There are a lot of great sites out there that have beautiful Typography using only CSS, however simply looking at them is only half of the picture. 1. Coudal Partners small headline Larger Headline You may be surprised to find out that the serif font used is… *gasp* times new roman! 2 + 3. Human Sexuality and the Nuptial Mystery Headline Example 3. Seed Conference On Friday, June the 6th 2008 4. 5. 6. 7.
cufón - fonts for the people 80 Beautiful Typefaces For Professional Design | Fonts Every now and again designers stumble upon the very same problem: the choice of a unique and beautiful typeface which manages to fulfill three basic tasks. Support the corporate identity, enrich the visual appearance and is compatible with the overall design. However, usually there are simply too many options you can consider, which is why you need time to find the option you are most comfortable with. Although the choice usually depends on clients’ requirements, it is necessary to have some pretty starting points for your font decision. Every now and again designers stumble upon the very same problem: the choice of a unique and beautiful typefaces which manages to fulfill three basic tasks. So which typefaces are “bulletproof”? We have answers. Further Reading on SmashingMag: Let's take a look at over 80 gorgeous typefaces for professional design, based upon suggestions from designers and web-developers all over the world. Classic Typefaces Classics of typography in a brief overview. 1.