background preloader

Typetester – Compare fonts for the screen

Typetester – Compare fonts for the screen

https://www.typetester.org/

Related:  TypoTYPOgraphietrucs de ouftypographyFONTS

60 Free Handwritten & Script Fonts People mostly use either serif or sans-serif fonts and often miss out the handwritten fonts. They are as important as the main font classifications. I particularly like to use handwritten fonts to highlight significant items in screen captures. They add the personal touch in my design and also provide great typographic contrast. Vitesse, a snazzy slab serif font from Hoefler & Frere-Jones, can best be compared to a typographic sports car: Instead of using the rounded rectangle as a motif, the strategy we devised for Vitesse was to use a more sophisticated shape as its central theme: a modified rectangle with flat surfaces above and below, gently curved sides, and quick turns at the corners. The complexity of these ingredients allows Vitesse to escape the grid when necessary, helping to preserve both the natural poise of intricate letters, and the typeface’s personality throughout its complete range of styles. The design that emerged has many of the qualities of a beloved sports car: Vitesse is agile, steady, suave, confident, and stylish. Different from the likes of 19th and 20th century slab serifs, Vitesse employs the rounded rectangle form described above instead of an ellipse- or circular-shaped model.

Stripe Generator - ajax diagonal stripes background designer TIP: You can use up to 5 different color for your stripes. stripe sizespacingstripe color(s)background styleshadowgradient heightbackground color(s)stripe orientation preview 30 of the Best Web Typography Resources Online It seems there are two camps among web designers: those who embrace web typography, experiment with it, and try new things in virtually all of their designs; and those who avoid it like the plague, opting to use standard, web-safe font stacks with little variation. It also seems like a lot of the designers who fall into the second group wish they were more like the first. The resources below can help you improve your web typography, regardless of which camp you fall into. There are tools for creating unique typography, references and articles that can teach you typographic principles, and plenty of inspiration and news to keep you updated on the state of web typography.

60 Fresh and Excellent Free Fonts for Your Next Design Toolkits Fonts can either make or destroy your design. So it is very important for a designer to choose and use the best font as it can either add more beauty to your work or can make your entire effort look unattractive to the viewer. Fascinating Business Cards Of The World’s Most Famous People Business cards can be surprisingly insightful—especially if they bear the names of history’s most famous personalities. Several fascinating name cards of the world’s most well-known people have surfaced on the internet—including contemporary tech legends and important historical figures. From Mark Zuckerberg’s provocatively worded card to Houdini’s intriguing piece of triangular cardboard, these will make valuable additions to any business card collector’s stash.

Comenia At first glance, Comenia doesn’t look all too extraordinary. Just another superfamily, one could think. Well, its character might be neither fancy nor eye-catching, but then, that is exactly what one is avoiding in this kind of type design. Rather, it’s about serving a specific purpose. The three members of the prolific Czech type scene who teamed up for Comenia address a problem that hasn’t really been approached so far: the creation of a holistic type system, specially designed to meet the requirements of school. This system consists of three branches.

Fathom.js If you're making a presentation on JavaScript, make it in Javascript. Write your slideshow in HTML, style it with CSS and control it with some jQuery-powered JavaScript. When you're done, Fathom.js even lets you sync the video of your presentation quickly and easily. Fathom.js comes with mouse, keyboard and scroll bar navigation built in and provides a simple API for creating your own custom interfaces. Write your slides with simple markup. <div class="slide"> <h1>My Presentation</h1> </div> <div class="slide"> <h2>My Dot Points</h2> <ul> <li>First dot point</li> <li>Second dot point</li> <li>Third dot point</li> </ul> </div> </div>

Revised Font Stack Serious efforts are being made to get more typeface choices on the web to enhance web typography. Still, most of us prefer web-safe fonts like: Verdana, Georgia, Times New Roman and Arial. Though choices are limited, yet the number can be increased by exploring other pre-installed fonts. “… font stacks are ultimately design factors, and should be scrutinized as such.”—Nathan Ford, Better CSS font stacks

Related:  CSS HTML toolsWeb DesignTypographieFonts 1TypographietyposTypoCSS3TypographieCSS3 toolsfontslittle helpers - generators & appsTypographyFonts - Typographylearn cssHTML/Text GeneratorsFontsCSS3typography