background preloader

Typography

Facebook Twitter

The History of Typography - Animated Short. Font pairings: 20 perfect examples. It's a classic conundrum for any graphic designer: finding font pairings that set each other off, don't fight the eye for attention, and harmonise without becoming homogenous and dull.

Font pairings: 20 perfect examples

The age-old rule goes as follows: concord or contrast, but don't conflict. But with so many typefaces and free fonts to choose from, how do you find two that work in harmony? Sure, there must be some free iPhone apps out there that might be able to help. But the easiest way to find perfect font pairings is by using different fonts within the same overarching typeface family. Find a so-called 'superfamily' and you'll have a ready-made range of weights, styles and classifications that are specifically designed to work together.

A good superfamily will include serif and a sans serif version of the same typeface: famous examples include Lucida/Lucida Sans and Meta/Meta Sans. Contrast, not conflict Typefaces will generally conflict if they are too similar Top font pairing tips 01. 02. 03. 04. 05. 06. 07. 08. 09. 3 ways to apply a line pattern effect on text in Illustrator. A reader told me she used my command shape technique on a logo she was creating, but asked me if I knew a way where she could apply the lines inside the shape of the letters instead of applying them as a brush stroke.

3 ways to apply a line pattern effect on text in Illustrator

If you have no idea what I’m talking about. Let me explain 3 different technique on how you can apply a line pattern effect on text in Illustrator. A line pattern brush stroke This technique works with letters that have a prefect equal weight. Because the lines are applied on a stroke you'll have to draw the shapes of the letters first so the lines can be applied as a stroke which represents the weight of the letters.

Draw the brush using 4 squares each with a different color Group the 4 squares (command/control + g) Drag grouped object into Brushes palette Choose Art Brush and click OK Change the orientation of the brush to vertical (upwards arrow) 38 free retro fonts. FontForge Open Source Font Editor. Convert otf to ttf. 26 Free Condensed Fonts to Propel Your Next Project. Swistblnk — Freebies. 54 typographies gratuites pour Juin 2016. Typekit/webfontloader. 101 best free fonts of 2016, so far.

2016 has been one of the best years for type design in decades.

101 best free fonts of 2016, so far

The lettering craze has pushed a lot of illustrators towards digitizing their work. There’s a ton of great font software available these days. And with typography now recognized as one of the most important aspects of a website, everyone wants in on the act. In past years we’ve seen a few narrow trends dominating, but so far this year it’s very diverse. There’s fewer crazy experimental typefaces around, but also fewer staid sans-serifs; everyone’s meeting somewhere in the middle. Browse through, try them out, and as always if you use them in a project, let us know! Why You Don’t Use Garamond on The Web. Amongst designers – especially print designers – Garamond is considered one of the best fonts in existence.

Why You Don’t Use Garamond on The Web

It’s timeless, and very readable. But, because of the limitations of current display technologies, it’s not a good font to use in web copy – even with the advent of font embedding methodologies such as TypeKit and Google Font API. One of the most important principles behind every good piece of design is that the designer has to master his or her medium. With any medium – whether it’s pencil and paper, steel and glass, or pixels – the designer has to work with strengths and limitations. 16 typographies de qualité pour vos créations en 2016 - L'Aetherium, Manufacture d'Image. Un de mes petits marronniers préférés : la typographie, et ça fait quelques mois que j’en avais pas reposté sur le blog.

16 typographies de qualité pour vos créations en 2016 - L'Aetherium, Manufacture d'Image

Découvrez et téléchargez ces 16 polices d’écritures de qualité. A utiliser sans modération dans vos compositions l’année prochaine. Tandis que cette année touche bientôt à sa fin, j’ai profité de l’accalmie pour trier les ressources mises de côté au cours des mois passés. The Best Free Alternatives to the Most Popular Fonts. Look at the best sellers on the big font shops and you’ll see the same names sitting proudly in top spot.

The Best Free Alternatives to the Most Popular Fonts

Proxima Nova, DIN, Futura and Brandon Grotesque in particular are extremely sought after typefaces that are commonly used in web design, branding and print. 30 Inspirational Chalk Lettering Designs & Wall Murals. In this age of digital design I find the old analogue techniques of hand lettering and sign painting extraordinarily impressive.

30 Inspirational Chalk Lettering Designs & Wall Murals

The use of traditional mediums such as chalk require real talent, which is why professional typographers are still being hired to create stunning murals in trendy cafes and restaurants. In today’s design showcase I present 30 inspirational examples of chalk lettering designs by admirable artists who use traditional techniques to create fantastic typography. 60 Quality FREE Fonts You Probably Don't Own, But Should! Everyone loves free fonts, but finding high quality typefaces within the sea of amateur display fonts can be quite a challenge.

60 Quality FREE Fonts You Probably Don't Own, But Should!

I’ve been searching the social profiles of designers and typographers directly to find the hidden gems that aren’t featured on the popular free font aggregators. I narrowed 170 fonts down to 60 after weeding out those that were restricted demos of premium fonts, those that required payment in the form of a tweet or email signup, and any that just didn’t pass my quality control test.

Font Pairing Like a Pro - Part Two. Have you been playing with your font pairings and want to know which ones make harmonious duos?

Font Pairing Like a Pro - Part Two

Ensuring your typefaces complement each other is a vital part of design. In a follow-up post to our most popular Canva post ‘Font Pairing like a Pro,’ we give you some more creative and super effective font pairings to use in your designs. To ensure you are familiar with the words used in this guide, we have included a new glossary with some feature terms from within this post. Sketch and handwritten typefaces have a great voice – a golden match when applied well.Ensure there is balance within your text marriage, try to include a combination of text size and weight for variation.Adding flavor to your design, like the flower to replace the tittle on the ‘i’ (yes, that’s what it’s called!) The Ultimate Guide to Font Pairing.

Great fonts are essential to great design.

The Ultimate Guide to Font Pairing

But picking great fonts can seem like an impossible dark art for most people. In the article below I’ll explain the basics of choosing great fonts and then give you my favorite combinations that you can use in your own designs. These font pairs are perfect if you are trying to create your next presentation, social media graphic or anything else you’d like to design. Of course, all of these fonts are available for you to use – for free – inside Canva. There’s a science to applying a heading, subheading and body copy to suit the type of content you’re producing and the message or tone of your brand.

10 Kerning Tips to Improve Your Typography. What’s your pet peeve? For regular people, pet peeves range from the improper use of their, there, and they’re to loud phone conversations people have in public places. When it comes to designers, they have their own set of pet peeves as well. Some of the biggest and most common are kerning mistakes. Kerning measures the space between two different letters. A kerning mistake could make a word difficult to read, and might affect how natural the text looks. To make sure that you avoid having all these kerning mistakes, here are a few tips that will surely help you out. The Best Free Alternatives to the Most Popular Fonts. Typo.

La sélection des 60 plus belles typographies gratuites du web. 10 Best Free Online Tools for Designing Fonts. An Instagram generated font. 20 Best Web Fonts from Google Web Fonts and @font-face. At the moment there are several ways to use non-system fonts on a website. We will focus on the two least complicated, least expensive systems, Google Web Fonts and the @font-face rule. Fear not, we have not ruled out other paid methods such as Typekit, Fonts.com Web Fonts, Fontdeck, Webtype, WebINK or Fontspring for future posts as they certainly offer high quality typefaces and deserve to be considered. It’s important to be aware that web fonts can generate inadequate visualizations on operating systems which have subpixel rendering turned off in the case of Windows XP.

They can also be represented differently depending on the browser used to visualize them. The aim of this post is to facilitate the choice of a series of fonts (out of the hundreds available) whose technical and visual characteristics make them more readable and compatible with a wide variety of devices, browsers and operating systems. Basically, there are two implementation models: 1. Ces 11 polices d’écriture qu’on adore détester. Il y a des polices d’écriture qui souffrent tellement d’avoir été utilisées à outrance qu’elles en sont devenues détestables. Beaucoup penseront à la Comic Sans MS, mais elle n’est pas la seule. En voici quelques unes décrites avec humour. Nous avons tous des typographies qui nous font horreur. Les raisons peuvent être très variées : trop utilisée, mauvaise conception, perte de son caractère (voyez le jeu de mot pourri) de part son usage abusif et j’en passe.

Choosing web fonts: 15 expert tips. Over the last few years, the possibilities for using type on the web have expanded enormously. In the bad old days of the web, designers were restricted to a few 'web safe' fonts, which meant everything looked pretty much the same, or using images to replace the type – a clunky solution that caused problems for the reader and technical problems in the browser. Nowadays, though, you can access an astonishing array of professional typefaces for use on your sites, bringing the aesthetics of print design to the web. 100 Greatest Free Fonts Collection for 2015. The quick brown fox jumps over the lazy dog The 2015 version of The 100 Greatest Free Fonts Collection is finally here. . Do you remember our “100 Greatest Free Fonts Collection” articles for 2012, 2013, and 2014?

Well, the 2015 version of those articles is finally here. Just like previous years, we've undertaken great efforts to look for, categorize, and create font previews of 100 typefaces that you can use to do almost anything. Regarding their licenses, you should pay attention to each one individually as, while the majority are completely free, some are for personal use only and others are not full families – this means that you’ll only be able to download regular or medium weights or condensed styles for free.

Petit guide typographique à l’usage de l’internet. Exclusive: Fontspiration is a free app for typophiles everywhere. If you love typefaces as much as we do, then you’ll love this brand new typography app that has just been released; Fontspiration is a cool app for iOS boasting two features font lovers won’t want to miss. The first feature is a feed of typographic inspiration; amazing type-based work that you’ll get lost in for hours and come out the other side feeling truly inspired. The second feature actually allows you to quickly create typographic animations using hundreds of Google Fonts, and literally dozens of built-in animations, custom designed for this app.

Built by Extensis, the team that brought you Suitcase Fusion and Universal Type Server, Fontspiration is the fastest way to mockup awesome typographic animations. Streamlining font creation. The 100 Greatest Free Fonts for 2014. Here we are, once again, with our now-famous selection of the top 100 free fonts for 2014. This year we have only selected fonts published or updated in late 2013 and 2014, giving you one of the most up-to-date lists around. The majority are completely free with licenses for commercial use; the odd few available for personal use only have extended license options at a very reasonable price. The free font list comprises both entire font families and single weight downloads; either way, there is something for everyone and we think you'll love the ones we have picked out for you.

Font Selection We have selected all kinds of typefaces which can be seamlessly integrated into any design: Sans Serif, Slab Serif, Rounded, Decorative, Display, Art Deco, Geometric, Futuristic, and many more besides. We have categorized the typefaces to help you browse more efficiently. Sans-Serif Typefaces Display and Decorative typefaces Serif Typefaces Script, Calligraphic and Hand-drawn. New Free Fonts For Designers. 8 New Free Fonts for your Designs. Free Fonts Download, Fonts for Free.

10 Terrific Font Pairs for You To Try. →Convertir un formato de fuente gratuitamente ttf otf fon pfb dfont afm. How to Use Adobe Edge Web Fonts on Your Site. Adobe recently launched a free web font service to complement Typekit, their amazing premium service. Using @font-face. The @font-face rule allows custom fonts to be loaded on a webpage. Optimizar fuentes web — Web Fundamentals. Which fonts work best for brands & logos? + how to pick the perfect one - Graphic Design Blender. Junicode. Ten Awesome Alternative Free Web Fonts. Free web fonts such Museo, League Gothic, Droid and Lobster have been around since the dawn of the @font-face revolution. Whilst these are all fantastic typefaces, they are beginning to suffer from over-use. Alternatives To Your Favorite Serif Typefaces [Updated With Specimens]

Hello, my name is Bram, a brand strategist, hacker and typophile. The art of mixing Google typefaces made easy. Where to download fonts: 35 places to find free type. The Elements of Typographic Style Applied to the Web – a practical guide to web typography. Typography rules and terms that every designer must know. EB Garamond. 8 Amazing Google Font Combinations. ¿Debo pagar por usar una fuente en mi proyecto? - Tipografía Digital.

Popular fonts - FontZone.net. Sobre et, ampersand o & The 30 greatest free web fonts. Type foundry - high quality fonts for print and web. 90 top-quality typography tutorials. Fontex: Amazing Free To Use Fonts. Friday Fresh Free Fonts - Leon, Smidwater, Voga. My Favorite Sites With Nice Typography From 2014 → Typewolf. 10 Commandments of Typography by Fontyou.

Type Connection. Typeverything. I Love Typography I Love TypographyI Love Ligatures. Typography Teardown of Advertising Age. Legibilidad y economía en el diseño de tipos. Table of Contents. Browse. Exljbris Font Foundry. 10 Type Tools You Probably Aren’t Using in Photoshop.

Glyphr Studio - font design, online. Can You Tell the Difference Between Arial & Helvetica? O, Cursed Helvetica! The 100 best free fonts. The Ten Most Popular Web Fonts of 2014 → Typewolf. Typewolf → Top 10 “Hipster” Fonts for 2015. Typewolf → Top 10 Most Popular Serif Fonts of 2015. The 30 Best Free Open-Source Web Fonts. Typewolf → Top 10 Helvetica Alternatives for 2015. Typewolf → Top 10 Most Popular Sans-Serif Fonts of 2015.

Typography Resources. Free Fonts Download, Fonts for Free. Famous Fonts - Fonts you recognize, FREE for download! - famousfonts.smackbomb.com. Google fonts : tests de lisibilité. New FontFonts: FF Kava With Extra Flavour. Typographe. The 30 greatest free web fonts. The League of Moveable Type. The 75 Best Free Fonts for 2014. The 100 Greatest Free Fonts for 2014. The Best Typefaces of 2014. Most Popular Fonts of 2014, January 2015. Die besten Fonts 2014. Fuentes comerciales vs fuentes web +150 grandiosas tipografías web. Free fonts. Rising Stars Archives.