background preloader

Butterick’s Practical Typography

Butterick’s Practical Typography
This is a bold claim, but I stand be­hind it: if you learn and fol­low these five ty­pog­ra­phy rules, you will be a bet­ter ty­pog­ra­pher than 95% of pro­fes­sional writ­ers and 70% of pro­fes­sional de­sign­ers. (The rest of this book will raise you to the 99th per­centile in both categories.) All it takes is ten min­utes—five min­utes to read these rules once, then five min­utes to read them again. Ready? The ty­po­graphic qual­ity of your doc­u­ment is de­ter­mined largely by how the body text looks. That’s it. Then, if you’re ready for a lit­tle more, try the sum­mary of key rules. If you’re ready for a lot more, start at the fore­word and keep reading.

Commercial Type Typographic logos: 40 eye-catching examples | Logo design It's tough enough to create an effective and memorable logo design, let alone restrict oneself to using typography alone. But often getting down to the bare essentials is where the most remarkable solutions and brilliant ideas emerge. Sometimes it's a beautifully thought out ligature that nails it, or an imaginative use of letters. At other times it's clever use of colour, scaling or re-arranging of letters or even subtly removing something from the logotype that gives it a twist of brilliance. Dan Cassaro aptly summed up this potential of a purely type-based identity when he said that "Letters sit squarely between information and meaning so what we choose to do with them is very important and exciting" (p8, Little Book of Lettering by Emily Gregory). These examples from across the globe show the way. Take a look, and you should emerge freshly inspired and challenged to look at typography in a new way... 01. 02. 04. 05. 06. 07. 08. 24 Heures du Mans 09. 10. 11. 12. 13. 14. 15. 16. 17. 18.

Ajouter une police dans Wordpress - w18w L’indépendance photographique entraîne vers des chemins parfois étranges. La présentation son travail sur internet est une nécessité d’aujourd’hui. Certains privilégieront des réseaux sociaux, d’autres des abonnements. Aujourd’hui, j’ai installé deux nouvelles typos sur ce site. Une fois la police téléchargée, il faudra la traduire en langage « internet ». Maintenant que les fichiers sont présents, il faut demander à wordpress d’utiliser cette police de caractères. Il faudra évidement remplacer ce qui est en vert par le nom de la police de caractère et ce qui est en rouge par le nom du dossier qui a été crée dans le répertoire du thème qui est utilisé. Tout est en place à présent pour que la police de caractères s’affiche. Une fois le fichier style.css éditer, il suffit de l’uploader sur le serveur pour qu’il remplace l’ancien fichier et la typo est incorporée.

Lost Type Co-op 14 fonts gratuites de grande qualité Ces derniers temps, j'ai cherché à débusquer de nouvelles fonts gratuites capables de satisfaire vos exigences en terme de qualité et de bon goût. Ce n’est pas le choix qui manque. Tous les jours de magnifiques fonts sont créées. Mais le temps que vous passerez à les chercher ne sera pas investi sur vos projets. Dans cette sélection de fonts gratuites, je vous présenterez Foro Rounded, Supergrass, Prism, Salt & Foam et bien d’autres fonts de qualité. Astroman Typeface Astroman est une police de caractères disponible uniquement en minuscule accompagnée de quelques signes de ponctuations. Corbert Regular Une font sans serif aux formes géométriques influencées par le mouvement Bauhaus et moderniste. Supergrass Font Un projet de font destiné à l’identité du Festival Supergrass de Vigevano réalisé par le collectif RUN BVS. Technik Mono Technik Mono est une police regular composée de 527 caractères à télécharger au format Opentype. Global Prism BillMoney Font Savu Condensed Nougat Foro Rounded light

25 Fresh Examples of Beautiful Typeface Combinations in Web Design Typography is a very important part of design and choosing the right type for your design can be very challenging. From print to web layouts, typography is the center piece of a good design and today we gathered a few examples of beautiful typeface combinations in web design to inspire you. In web design, typography can be used in different forms, big bold headers, simple and clean menus, explanatory text and so on. Finding a good combination of typeface is more than only good taste, it's an art Typography is a very important part of design and choosing the right type for your design can be very challenging. To discover the fonts used in each design I used the WhatFont tool, which is pretty good (besides Firebug and other tools). Colbow Design Futura PT (header) – Yellowtail (center). Ana Majik FF Tisa (header and footer) – Josefin Slab (everything else). Fatum Helvetica Neue and Octin College Regular. nest nest is beautifully mixing Fuller Sans DT Bold and Fuller Sans DT Regular. Tommy La Wine

19 top fonts in 19 top combinations Sign up and download immediately to take your typography to the next level! This classic contains some great stuff: An exceptional glossary of typography terms Killer tips on establishing typographic color Choosing and using the right typefaces 20 Action-packed info-dense pages! Best 20 webfonts from Google Web Fonts and @font-face embedding 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. Basically, there are two implementation models: 1. 2. Web font embedding services Google Web Fonts (GWF) or Typekit are systems which allow the use of fonts hosted on their servers. Implementation It really is quick and simple: 1. 2. 3. Here you can consult a extended manual for styles, script subsets, and using multiple fonts. Top recommended fonts from Google Web Fonts Embedding fonts using the @font-face rule 1. 2.

Related: