background preloader

Combining Fonts

Combining Fonts
A palette with wit Use typefaces with complementary moods to evoke an upbeat, energetic air. It’s the interplay between fonts that gives them energy. The more distant the moods in a typographic palette, the friskier the design will be. Here, three fonts with distinctive silhouettes have been chosen for their contrasting dispositions: the unabashed toughness of Tungsten is a foil for both Archer’s sweetness, and the cheekiness of Gotham Rounded.  Tungsten  Gotham Rounded  Archer A palette with energy Mix typefaces from the same historical period whose families have different features. Three type families with nineteenth century roots, thrown together in a cheerful typographic riot.  Proteus Project  Knockout  Sentinel A palette with poise Mix typefaces with a similar line quality if they offer different textures. What do a neoclassical modern, a suave sans serif, and a sporty slab have in common?  HTF Didot  Verlag  Vitesse A palette with dignity  Mercury Text  Hoefler Titling  Gotham

Related:  Typos combosDocument creationDesign

19 top fonts in 19 top combinations UPDATE: Check out The Big Book of Font Combinations on sale now! I recently compiled a list of the 19 most popular fonts according to usage by graphic designers from all over the web. I could have had 100, but I got it down to under 50, and from there whittled it down to just the 19 best fonts. 20 Amazing Free Font Typeface Pairings Contrast and Collaboration Graphic designers generally agree that your different fonts should have an element of contrast (i.e. pairing a Sans Serif font with a Serif font) as well as a sense of collaboration-you want your two pieces of type to complement each other and “get along” rather than clash. Things like style, flow, width, kerning, thickness, and more can all be attributes that help two different fonts pair nicely with a healthy amount of contrast and collaboration. Free Fonts Below These fonts are all available (as of the moment I published this post) for free!

How To Make Your Own Symbol Font With the advent of high resolution “retina” displays, keeping bitmap images sharp and crisp on the web has meant using larger and thus more bandwidth-hungry images. At the same time, more and more people are browsing on mobile devices where bandwidth is at a premium. One solution to this problem is scalable vector graphics (SVG) since they scale infinitely while keeping the file size low. However, now that web fonts are widely supported, symbol fonts like Dingbats or WebDings provide another option for tack sharp symbols used in icons or buttons. Fonts are also very flexible. For example, using CSS you can easily change the size, color, add drop shadows or other text effects.

3 Great Typeface Combinations You Can Use in Your Book The typefaces we use for books are a real contradiction. They can be so quiet you just don’t notice them. But if you enlarge the letters, you can see right away that they are full of idiosyncrasies and flourishes. 30+ Fresh and Modern Font Combinations September 11, 2013 • By Joe Howard • In Typography Pairing fonts can be one of the most difficult things to get right in typography and with so many considerations to take, plus the sheer volume of fonts available on the web, it can be difficult to find relevant and unique combinations. So we have compiled this list of font fresh and modern font combinations. We have carefully chosen a mixture of new modern typefaces with ageless classics. Also if you would like to know more about font pairing, you can read our in-depth guide here. Rockwell & Compass Sans

Exporting SVG for the web with Adobe Illustrator CC As an artist and a web designer, I am excited about the possibilities that Adobe Illustrator CC offers in its support of Scalable Vector Graphics (SVG) and the flexibility it gives me when creating high-quality graphics. Since SVG is vector-based, I have a lot more freedom to create images that will automatically scale on all modern devices. Vector graphics can be very interesting for designers who need to create icons, symbols, or logos that will look great on all screens, including Retina displays. SVG graphics naturally scale and are usually small and can be compressed further by web servers. SVG is getting a lot of attention now, but it's not exactly a new format: The W3C started work on it as far back as 1999.

Stepto & Son Graphic Design and Website Development Agency We take the pain out of font matching by selecting 10 great web font combinations that will always work well together. Choosing a typeface for your website is not always an easy task, and fixing on a successful pairing can be a particularly arduous task. One general rule of thumb when combining fonts is to use a serif and a sans serif together, to create contrast.

FONTAHOLIC - BEAUTIFUL FONT COMBO'S As you know I LOVE fonts but while vamping my blog I discovered I never really thought of how to combine fonts before and which fonts would look good together. Since I needed to make choices I searched the web for ideas and started experimenting. It took me quite some time to decide but finally I chose to combine Oswald and Duru. A great font combo not only looks good on a blog but will also add that little something extra on a scrapbook page, handmade card or invitation. With that in mind I've paired up some of my favorite font combinations found on the web, featuring some of my favorite typefaces.

How to turn your icons into a web font I had created some neat icons for a website redesign I was doing, and I previewed the new site on an old iPad. The layout looked OK at normal size, but zooming in to part of the page, I suddenly saw that my icon was a blurry mess, while the text-based header was still crisp and sharp. On a newer Retina-display iPad, the icons didn’t look quite sharp, even at normal size. The first idea I had was to create double-sized sprite images, setting them to display at half their size using CSS. While this made them look better on a Retina display at normal size, as soon as you started to pinch and zoom, the blurriness returned. But the text was still as crisp and pin-sharp.

40 Best Typeface Combinations in Web Design When it comes to prints or Web Design, typography is one of the most important part. So selectng the right type of typography for your web design is one of the most crucial part. Keeping the small textured detail in mind while designing a website can sometimes be enough to get amazing results. A good combination of typeface can enhance the look of your website a lot!

{Typeface Tuesday} Wedding Font Combinations Back by popular demand... here is another set of font combos that I've created. Last time I featured these fonts, and a few months back I featured these. This time the theme is weddings. Each combination includes one decorative font typeface that would make a great header on, say, an invitation, along with a more readable font for the nitty gritty details. Here are links to websites where you can download the fonts above:

Dot paper template - Paperkit Highly customizable With Paperkit you can easily generate online the exact type of dot paper that you need. Use the toolbar to adjust the settings. You have full control over spacing between dots, margin size, stroke color and width as well as paper size. A live preview will help you evaluate your design. 10 More Great Google Font Combinations You Can Copy The last time we wrote about Google Web Fonts, it was a fairly new program with a handful of fonts. Today there are nearly 500 font families ready and waiting to be served up to your website completely free of charge. Google has certainly made its mark on web typography and stands as an excellent alternative to premium subscription services. The downside of this growth is that it’s becomingly increasingly difficult to sift through the library to find the best selections. We’ve got your back though and are serving up another great collection of Google Web Font combinations ripe for the stealing.

Top 10 Best Presentation Software That Are Great Powerpoint Alternatives Ideally, when a person thinks of presentations, they think of Powerpoint. But there is now a new world that may be explored. There are presentation software that can offer a wide array of templates and effects, which are not available in Powerpoint, so access to these can bring better results. If you want to offer something fresh and new on your next presentation, consider downloading one of these: 10.