background preloader

FFFFALLBACK - A simple tool for bulletproof web typography.

FFFFALLBACK - A simple tool for bulletproof web typography.
Related:  Fonts

Fontdeck web fonts: Real fonts for your website FontFriend – Soma Design FontFriend is a bookmarklet for typographically obsessed web designers. It enables rapid checking of fonts and font styles directly in the browser without editing code and refreshing pages, making it the ideal companion for creating CSS font stacks. 2.0’s killer feature is instant drag-and-drop font previewing right in the browser (Firefox 3.6+, Chrome 7+), in any document you’re currently viewing. Version 2.5 and 3.0 introduced some new features that aren’t documented here yet. Click the version numbers to see the release announcements for each. How To Begin First, drag the following link to your browser toolbar: Then, view the following screencast, as any information new to v2.0 is in it. How To Use A CSS selector is chosen from the Selector column—body by default. Additional Usage Click the large F to show or hide the overlayClick the faint S in the lower right corner to reset all styles (Caution: this is an intensive operation that could take down your browser on a very complex site.

iOS Fonts Top Links to Fonts for Your Self-Published Book One of the most often-asked questions on the blog is: “What text font should I use for my book?” In fact, this question comes up so often I’ve written quite a few articles on the subject. But like most blogs, these posts can be hard to find in the dark reaches of the archives. After writing earlier this week about the posts with the most blog comments, I realized that I had never brought all these articles together in one place. To make up for that, and as a resource I can point to when people ask the question again about the best book font—certain to happen in the very near future—I’ve brought them all together here. If you’re working on your book design, or if you design books for other people, help yourself to some font goodness. Articles on Fonts for Book and Cover Design Articles About Fonts Picking Fonts for Your Self-Published Book “Picking Fonts for Your Self-Published Book discusses how to choose fonts and suggests Garamond, Caslon, Minion, Janson and Palatino.” Typeface Combinations

The Web's biggest Vector Icons Pack: 1500 icons for Wireframes and Interface Design 1500 vector icons for webdesign A few icons previewed at 48 pixels Select, modify, delete Tag, bookmark, vote Graphic tools Communication, mails, discussions Users, personas Commerce, business, delivery Places, maps, pins Programs, code, databases Multimedia, photos, videos Content, documents, organization Object, clothes Download, upload, transfer Files, folders Text, editor, layouts Interface, GUI elements Validate, cancel Settings, time, keyboard Food, leisure, weather, transportation Health, hospital, medecine Arrows, direction Social icons, social logos - Free Bonus by Alex Peattie Included in your Pack License agreement Minicons is created by an Interface Designer for other professionals. You can use these icons for any Web or Graphic templates that you resell. You can use them in your application, and even in templates embedded in your application, with a limit of 100 icons per application You cannot make the icons downloadable, give them away or resell them (even if you modify them).

OpenType OpenType® is a modern font format developed by Adobe® and Microsoft® to provide users with an accessible and advanced typographic toolset. OpenType improves on PostScript and TrueType just as the DVD trumped the video cassette. When deciding what format to choose, using the latest technology simply makes sense, but let’s dig a bit deeper and explore the ways OpenType makes life easier for typographers and graphic designers. OpenType is Efficient One Style = One File The PostScript format is limited to 256 characters per file. Based on Unicode, an OpenType file can contain up to 65,535 characters or glyphs. As a concrete example of the efficiency of the OpenType format, compare the multilingual PostScript version of FF Meta 1, a package of four type styles, with its OpenType successor. Narrow this example down to a single style (FF Meta Book), and we can see that the glyphs and metrics from several PostScript files are all included in one OpenType file. Mac and PC Compatible What’s Inside?

Modularscale The mess of web font services Over the last year, we have seen a mass adoption of the @font-face property by all of the major browser vendors. Most type foundries won't license their typefaces to be used on the web because there is no openly supported closed font file type. They all fear that their files will be widely distributed for free and their licensing system will fail. Typekit As the major player in the market, they've set a standards for delivering fonts online. Their engineers have done a ton to eliminate FOUT (flash of unstyled text) to deliver your fonts as fast as possible. Their Browser Samples tool lets you see the typeface rendered in different sizes, in different browsers, in different operating systems. Their yearly rate might be hard for you to sell to your client or boss and many designers are used to paying for a font license upfront and are hesitant to have a yearly font cost. Font Squirrel & Font Spring Font Squirrel promotes 100% free fonts for @font-face embedding. Fontdeck Typotheque Kernest

Complete Beginner's Guide to Interaction Design Interaction design has its origins in web and graphic design, but has grown into a realm of its own. Far from merely working with text and pictures, interaction designers are now responsible for creating every element on the screen that a user might swipe, click, tap, or type: in short, the interactions of an experience. Newsletter Sign Up Original UX articles Curated Resources Never miss an issue! This article serves as a good jumping off point for people interested in learning more about Interaction Design. What is Interaction Design? Interaction Design (IxD) defines the structure and behavior of interactive systems. Interaction design began the day the first screen was designed to hold more than static copy. Interaction design has evolved to facilitate interactions between people and their environment. Common Methodologies Although interaction design spans myriad types of web and mobile applications and sites, there are certain methodologies that all designers rely on. Goal-Driven Design