background preloader

WEB FONT

Facebook Twitter

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. New High-Quality Free 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.

New High-Quality Free Fonts - Smashing Magazine

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 Tondu, Banda, Morning Glory, Matilde, Bohema, Weston Round Slab, Highlands, Cabin, Linden Hill and other fonts. Please note that while most fonts are available for commercial projects, some are for personal use only and are clearly marked as such in their descriptions.

@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.

@font-face Solutions & Suggestions

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. FF Subsetter - Optimize your Web FontFont. Browse Fonts. The League of Moveable Type. The Best Free Fonts for Designers. A Craft Of Consequences: Reader, Writer And Emotional Design Before the very first page of a book has been read, you've already analyzed it in countless ways without even noticing.

The Best Free Fonts for Designers

The paper stock, the thickness of the binding, the aroma, the color of the type and even the texture of the cover; the very character of the book is being dissected by the hand and eye at every moment. In this brief second there is a dialogue between the reader and the object. This conversation is subtle and complex, but for most people it is entirely subconscious. This is because we rarely think about these things — we feel them instead. Read more... Designing for the Mind Do you know what makes a design good? Read more... The Process of Creativity The creative attribute has always been a highly debated and researched component of the human psyche. Contrary to previous belief, creativity does not limit itself to the “right-brained” artistic types. Browse web fonts. Full Library. Enter your own text...

Full Library

ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 ¿ ? ¡ ! & @ ‘ ’ “ ” « » % * ^ # $ £ € ¢ / ( ) [ ] { } . , ® © Realigned equestrian fez bewilders picky monarch Roger, hungry: ate 236 peaches & cantaloupes in 1904! The quick brown fox jumps over the lazy dog Voix ambiguë d’un cœur qui au zéphyr préfère les jattes de kiwi Victor jagt zwölf Boxkämpfer quer über den großen Sylter Deich 50px Featured Name Newest Introducing Typekit Marketplace Introducing Typekit Marketplace. Download Hundreds of Free @font-face Fonts. This license can also be found at this permalink: ———————————————————————————————————— Fonthead Design End User License Agreement———————————————————————————————————— By downloading and/or installing Fonthead Design fonts ("software") you agree to the following user license terms: 1) Grant of License: The purchase of this software grants to you ("user") as licensee, the non-exclusive right to use and display the software at a single home or business location on a maximum of 5 CPUs.

Download Hundreds of Free @font-face Fonts

You also may give a copy of this software to any service bureau which you hire to output your film, paper or color proofs, provided that they do not use the font software for any purpose other than outputing your work. They may keep the font software on file for use with future jobs on your behalf. 2) Backup: One copy of the software may be made for backup. 4) Copyright: The software and accompanying documentation are copyrighted and contain intellectual property information protected by law.

CSS3 @font-face: Google Fonts e altri strumenti online. Dopo aver visto come utilizzare un particolare font in un sito web, ci siamo scontrati con la carenza di uniformità di supporto sui tipi di font (.eot, .otf, .ttf. ecc.) da parte dei browser.

CSS3 @font-face: Google Fonts e altri strumenti online

Dobbiamo quindi trovare un modo per trasformare il nostro font nei vari formati. Web Fonts. Scaricare i Google web fonts in un comando grazie a wget « Informatiche {bubbakk} I Google Font sono font in formato TrueType utilizzabili, grazie a specifiche Google API, nei nostri siti web. immagine tratta da elated.com Prima di scaricarli tutti e utilizzarli, è bene capire se la licenza che accompagna i font e ne consentirà l’utilizzo e in quali termini, altrimenti sarebbe tutto tempo sprecato A caccia della licenza d’uso.

Scaricare i Google web fonts in un comando grazie a wget « Informatiche {bubbakk}