@font-face Solutions & Suggestions
In the last post I talked about the design aspect of using CSS3 @font-face, today I would like to extend this topic to the technical side on implementing custom web fonts. So what are the options for implementing web fonts? I'm going to review the three main methods of incorporating @font-face and explain the pros and cons of each method. 1) CSS3 @font-face Standard @font-face First, let's talk about the native way of implementing custom web fonts — @font-face. Bulletproof @font-face Syntax Because every browser supports different font formats (IE supports EOT only, Firefox supports EOT & TTF, and Safari supports OTF, TTF, and SVG), additional font formats are required to be cross-browse. @font-Face Generator If you need to export the fonts in different formats, there is a generator which allows you to generate various font formats from an existing font. Premium @font-Faces Pros & Cons PROS: Full control because the fonts are hosted on your server. 2) Font Service Providers Installing Typekit
21 Latest Free Fonts for Your Designs
It’s essential for Designers to have a good understanding of typography and selection as the importance of typography in design can’t be neglected. The proper selection of typography can convert your normal design into attractive piece of art. Among other things, effective typography manages to achieve three necessary objectives of web designing are Look, Appearance and Outcome which helps you to keep apart from normal wave. Display typography is a potent element in graphic design, where there is less concern for readability and more potential for using type in an artistic manner. The basic purpose behind this post is to show you Popular, Artistic and most importantly Free Downloadable font types to save your time searching them online. You can also find some related free references at the end of the post. You may be interested in the following related articles as well. Feel free to join us and you are always welcome to share your thoughts that our readers may find helpful. 01. 02. 03.
The League of Moveable Type
50 Helpful Typography Tools And Resources - Smashing Magazine
Advertisement We love beautiful typography, and we appreciate the efforts of designers who come up with great typographic techniques and tools or who just share their knowledge with fellow designers. We are always looking for such resources. To help you improve the typography in your designs, we’re presenting here useful new articles, tools and resources related to typography. You may be interested in the following related posts: Typography: References and Useful Resources The Taxonomy of TypeThis article’s purpose is to help us as designers to distinguish basic properties of types. Typedia: A Shared Encyclopedia of TypefacesTypedia is a resource to classify, categorize, and connect typefaces. Typeface Anatomy and GlossaryMany fonts have abbreviations in their names. Typographic Marks UnknownThere are many typographic marks which are familiar to most, but understood by few. Periodic Table of TypefacesA reference table for most popular typefaces and their classifications. Combining Type
“What Font Should I Use?”: Five Principles for Choosing and Using Typefaces - Smashing Magazine
Advertisement For many beginners, the task of picking fonts is a mystifying process. There seem to be endless choices — from normal, conventional-looking fonts to novelty candy cane fonts and bunny fonts — with no way of understanding the options, only never-ending lists of categories and recommendations. Selecting the right typeface is a mixture of firm rules and loose intuition, and takes years of experience to develop a feeling for. Here are five guidelines for picking and using fonts that I’ve developed in the course of using and teaching typography. 1. Many of my beginning students go about picking a font as though they were searching for new music to listen to: they assess the personality of each face and look for something unique and distinctive that expresses their particular aesthetic taste, perspective and personal history. The most appropriate analogy for picking type. For better or for worse, picking a typeface is more like getting dressed in the morning. 2. 1. 2. 3. 4. 5.
The 10 best fonts from the Google Webfonts Directory
The idea of the Google Webfonts Directory is great: offering everyone free webfonts, which you can include in your website with just one line of code and without worrying about the multiple webfont formats, subsetting, file size, download speed and so on. When the service started in 2010 it offered just a couple of fonts. Today the catalogue has already grown to 250 fonts and Google announced there will even be a lot more fonts in the near future. But let’s face it: Most of the fonts are crap! They are of poor quality, derived from commercial fonts or just downright ugly. But there are also a few very fine fonts among them. Abril Fatface Type Together is currently my most favorite type foundry. In the Google Webfonts Directory you can use their display font Abril Fatface. Live Demo View at Google Hammersmith One Hammersmith One by Nicole Fally is a very low contrast typeface inspired by the Johnston UK lettering tradition. Droid Sans, Droid Sans Mono & Droid Serif Lato Vollkorn Ubuntu
Top 87 Fonts A Designer Should Download
Fonts are very useful for a designer. Only if you would take into consideration the typography mania and you have a great argument for the intelligent use of fonts. The web safe fonts seem boring at a certain moment. So, let’s say you aaren’t a web designer, you are more a graphic designer, you make >quality logos and other interesting things. Advent Akzidenz Grotesk Angleterre Book Anivers Adobe Garamond AvantGarde Avenir Bebas Bell Centennial Bobel Boris Black Bloxx Cash Adobe Caslon Clarendon Coolvetica Courier Cranberry Blues Crea Delicious Digital Ninja Dreamforge classic Eight One Excelsior Felbridge Fertigo Fontin Sans Fracta ITC Franklin Gothic Heavy Frutiger Futura Gothique Cursive Headline Helvetica Hit the Road Homeboots Imperator Incinerator Kenyan Coffee Long Tall Sally Lucida Media Gothic Minion Murder of the day Museo Myriad Neue Helvetica Nevis Ogive Curvature Oktober Optimus Princeps Perpetua
Portifólio do Bruno
Advertising Is Good For You: Typography
Ever wonder what common logos look like in countries that don't use the Latin alphabet? Well, you're in luck. Arabic version of CNN logo: Arabic version of FedEx logo: Chinese version of Coco-Cola logo: Hebrew version of IBM logo: Hebrew version of New York Times masthead: Via Designer Daily
25 New Free High-Quality Fonts - Smashing Magazine
Advertisement Every now and then we look around, select fresh free high-quality fonts and present them to you in a brief overview. The choice is enormous, so the time you need to find them is usually time you should be investing in your projects. We search for them and find them so that you don’t have to. In this selection, we’re pleased to present Pompadour Numeral Set, Lato, Crimson Text, Espinosa Nova, Musa Ornata, Spatha Sans, ColorLines, Roke1984, Neuton, Avro, Baurete and other fonts. New High-Quality Free Fonts Pompadour Numeral Set1 (.eps, released under Creative Commons) A beautiful numeral font released by Andy Mangold under a Creative Commons license. Lato2 (open-source sans serif) Lato is a san-serif typeface family. Crimson Text3 “Crimson Text is a font family for book production in the tradition of beautiful old-style typefaces. Color Lines5 This decorative font can be used for a variety of products, such as posters, packaging and label design. Further Resources Last Click
The Best Free Fonts for Designers