World's First: An Apple Store for Type Geeks [Slideshow] | Co.Design Playtype.com, one of Europe's preeminent online font foundries, has opened a gorgeous brick-and-mortar shop in Copenhagen dedicated to flogging digital typefaces. Customers can walk in off the street and buy fonts loaded on USBs that resemble little credit cards. The shop also sells a ragbag of typographic gifts and paraphernalia, including T-shirts, posters, and even wine (no idea if it's any good, but the bottle sure looks purdy) -- all in a space done up in a lovely black-and-white motif that is itself a monument to typography. E-Types, the Danish design agency behind Playtype.com, bills the shop as "the first of its kind" in the world. So what's the idea here? The shop will be up for one year only, so you'd better book your plane ticket to Copenhagen like yesterday. [Images courtesy of e-Types]
The Simplicity of Helvetica Helvetica is one of the most popular typefaces in the world. Technically speaking, it’s a sans serif Grotesque typeface, inspired by and based on the Akzidenz-Grotesk typeface created by Berthold around 1898. In practical terms, though, it’s used by designers at independent firms, big corporations, and everything in between, from all over the world. Helvetica has been featured by MOMA in New York and has received a number of awards and worldwide recognition. But why is Helvetica so popular? We see it dozens of times every day, from product logos, to websites, to packaging, and numerous other items. A Brief History The original Helvetica was designed in Switzerland in 1957 by Max Miedinger and Eduard Hoffmann at the Haas type foundry (Haas’sche Schriftgiesserei). Helvetica was originally called Die Neue Haas Grotesk, and was closely based on Schelter-Grotesk. The original Helvetica brochure. Helvetica Variations Rise In Popularity Compared to Arial Technical Details of Helvetica U.S.
Guide to CSS Font Stacks: Techniques and Resources « Smashing Magazine Advertisement CSS Font stacks are one of those things that elude a lot of designers. Many stick to the basic stacks Dreamweaver auto-recommends or go even more basic by just specifying a single web-safe font. But doing either of those things means you’re missing out on some great typography options. Font stacks can make it possible to show at least some of your visitors your site’s typography exactly the way you intend without showing everyone else a default font. Read on for more information on using and creating effective font stacks with CSS. Creating Your Own Font Stacks There are a huge variety of font stacks recommended. First of all, make sure you always include a generic font family at the end of your font stacks. Third, make sure you pay attention to the scale of the fonts in your stack. Common Font Stacks A lot of designers out there have taken a crack at creating ideal font stacks. Better CSS Font Stacks Here are some listed for body text: For headlines: 8 Definitive Web Font Stacks
Webdesign Trend Hunting – 27 Bright Websites Using Popping Colors ... After The Messy Desk, The Fluid Grid Layout, and The Circle As A Design Fetish, our Trend Hunting series continues with a big roundup of cool websites designed with bright colors in mind. And in the eye :] Please leave your comments below, suggest other websites, and tell us what do you think about this trend. Muller 50.000 Beds The Other Design Agency Carsonified Change Graham Greg White Snog Home de Caramel Ryan Keiser Finely Sliced Bjango iPhone Apps Helveticons Rokkan Instrument Sketchen Ethno Port Bombay Saphire I am Lin Sofamade Wilson Miner Organic Grid Bjorn Frieze Blue Vertigo B Cube Spf Design More Want more? Adrian Frutiger Adrian Frutiger (born May 24, 1928 in Unterseen, Canton of Bern, Switzerland) is a typeface designer who influenced the direction of digital typography in the second half of the 20th century and into the 21st. He is best known for creating the Univers and Frutiger typefaces. Early life[edit] Adrian Frutiger was born in Unterseen, Canton of Bern, the son of a weaver. As a boy, he experimented with invented scripts and stylized handwriting in negative reaction to the formal, cursive penmanship then required by Swiss schools. His early interest in sculpture was discouraged by his father and by his secondary school teachers; they encouraged him to work in printing. Formative years[edit] Work summary[edit] Specimens of typefaces by Adrian Frutiger. An Illustration showing the typefaces Frutiger Serif and Frutiger Next in use. In the late 1990s, Frutiger began collaborating on refining and expanding the Univers, Frutiger, and Avenir, in addressing hinting for screen display. Typefaces[edit]
How to Choose a Typeface - Smashing Magazine Advertisement Choosing a typeface can be tricky. The beauty and complexity of type, combined with an inexhaustible supply of options to evaluate, can make your head spin. But don’t be baffled — and don’t despair. What Is Your Goal? The first thing you have to do in order to choose a typeface is form a strong impression in your mind about how you want your audience to react to the text. Perhaps the hardest part of breaking down the typeface selection process is understanding which parts are more subjective and which parts are more objective. Legibility It may seem at first glance that legibility and readability are the same thing, but they are not. Consider this example where the left block of text is set in Tobin Tax, a decorative serif typeface. Quick tips for great legibility: Readability How your typeface is set, combined with the basic legibility of the typeface, yields a certain level of readability. Let’s take our previous example of Sabon and alter the readability. Design Intent Mood
A Primer on the CSS Font Shorthand Property In recent years, as an off-shoot of the “web 2.0″ movement, typography has really taken off and now plays a major role in web design. And font usage is also quite an important factor in CSS development — despite that it has not gotten to the point where any font can be used freely without some tricky, sometimes complex workarounds. Font declarations and related properties in CSS are fairly straightforward to write in longhand. But there is a shorthand CSS property for declaring certain typographical properties that is well-supported across all common browsers, but a little quirky to work with. CSS Font Properties in Longhand First, here is a code segment that lists, with example values, all the font properties in longhand, so we can get an idea of what exactly we’ll be dealing with when we condense these same properties into one font declaration in our CSS code. How the Shorthand Property is Declared Some Things to Keep in Mind Omitted Mandatory Values The Order of the Values Matters Summary
web slide design Previously, I have mentioned about jQuery based photo gallery and slider. In this post, I have found 20 websites that use a big slider to demonstrate their portfolios, featured news and site information. Some of them look similar, but most of them have really unique design and different slider capabilities as well. And just want to say, if you don't have a good web hosting provider, then get it. Check the photo slider collection, and enjoy! Just in case you've missed my previous post 10+ jQuery photo gallery an slider plugins. :) HoldFire Paul J. A Simple Measure X3 Studios Prat Newsberry Spundo Redo PC Vida girl Qilayout Web Design Diensten Net dreams Eyedraw Gastonjah Hyperpot Icondock Monofactor Power Balance verdeo Oh Media
A Look Into: Fonts Used In Logos of Popular Brands Do you find yourself staring at other designer’s logo and immediately try to decipher what typeface they are using? If you are a designer, it is probably an inevitable habit. There are no hard and fast rules to help you determine which typeface you should land on for your logo. If you have experimented hundreds of fonts but they just don’t work out right for you, suffering from design block where you don’t what font to use or you are just curious on what fonts others are using for their logo, this article is for you. Zopa.com Many top websites are trending towards gray color schemes with bright color splashes. Font used: Frankfurter medium Shutterfly Shutterfly’s modern logo is simple, refined and playful. Font used: Frutiger NewsGator Multi-colored logo fonts are all the rage these days as shown in NewsGator’s logo. Font used: ITC Bauhaus Shoutwire Many caution against excessive capitalization in logo fonts. Font used: Agency Bold Shozu Font used: FF Cocon Bold Facebook Font used: Klavika Twitter
Movies - TypeCulture® The Creation of a Printing Type From The Design to The Print by Frederic W. Goudy. This silent film from the 1930s shows the preeminent American type designer Frederic Goudy (1865-1947) creating his typeface Goudy Saks. Goudy fans will delight in watching the master at work, but more importantly, this is a document of his type-making process - from the original drawings in pencil and ink, through the engraving of the working pattern and the matrix to the casting and proofing. (Thanks to Prof. Watch (00:10:16) Typomania Do you need to explain the significance of type to your parents, your Aunt Edna or the first-year students in your Typography 101 class? Watch (00:06:59) To a “T” First broadcast in May 2006 on the popular CBS Sunday Morning television show, this is an introduction to the world of fonts that combines well with Typomania to provide newcomers with different views on the purposes and significance of typefaces. Watch (00:03:16) Douglas Coffin, Lettercarver Watch (00:06:45)
Complete Guide to Pre-Installed Fonts in Linux, Mac, and Windows by Megan McDermott, 19 March 2012 - 2:01pm Web fonts are gaining in popularity now, but they can still be a bit of a challenge to use. Copyright issues often require the use of a third-party font service, which can be risky and expensive.The good news is that all major operating systems come with a variety of fonts that you can use to create your font stacks. This is an updated version of the article originally published in November, 2007. Differences from the previous version This version makes several changes and updates to the original version, published in November, 2007: Updated font lists to include different versions of the major operating systems in separate columns. About these tables Fonts listed in the same row are near equivalents of each other, with the exception of the last row in each table which is used for other/non matching fonts. View the tables Foreign Language Fonts I have removed the lists of foreign language fonts (non-latin) from this version of the article. How-to's