background preloader

The 40 best free web fonts

The 40 best free web fonts
It's time-consuming to cut through the ocean of free fonts online, especially web fonts, to find the real gems that punch above their price tag. With this in mind, we've rounded up the greatest free web fonts from around the internet to get you started. There are various methods to source and license web fonts, including subscription-based models such as Typekit and Fontspring, which boast libraries of quality typefaces that are becoming increasingly popular with professional designers. If you're on a tight budget, however, or are just looking to experiment on a smaller project, there are plenty of good web fonts available at no cost if you know where to look. Luckily, we've done the hard work for you, and have put together this list of the best free web fonts around at the moment. 01. Designed by Héctor Gatti and Omnibus-Type Team, Archivo Narrow consists of four fonts with 416 glyphs each. 02. If you'd like to contribute to the Palanquin project you can find it here on GitHub. 03. 04. Related:  TypographieDesignHTML

Font Bundles | The Best Free and Premium Font Bundles Fonts Stalemate Grumpy wizards make toxic brew for the evil Queen and Jack. Normal 400Grumpy wizards make toxic brew for the evil Queen and Jack. One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections. The bedding was hardly able to cover it and seemed ready to slide off any moment. His many legs, pitifully thin compared with the size of the rest of him, waved about helplessly as he looked. aa bb cc dd ee ff gg hh ii jj kk ll mm nn oo pp qq rr ss tt uu vv ww xx yy zz ªª µµ ºº ßß àà áá ââ ãã ää åå ææ çç èè éé êê ëë ìì íí îî ïï ðð ññ òò óó ôô õõ öö øø ùù úú ûû üü ýý þþ ÿÿ āā ăă ąą ćć ĉĉ ċċ čč ďď đđ ēē ĕĕ ėė ęę ěě ĝĝ ğğ ġġ ģģ ĥĥ ħħ ĩĩ īī ĭĭ įį ıı ijij ĵĵ ķķ ĸĸ ĺĺ ļļ ľľ ŀŀ łł ńń ņņ ňň ʼnʼn ŋŋ ōō ŏŏ őő œœ ŕŕ ŗŗ řř śś ŝŝ şş šš ţţ ťť ŧŧ ũũ ūū ŭŭ ůů űű ųų ŵŵ ŷŷ źź żż žž ſX ƀX ƃX ƅX ƈX ƌX ƍX ƒƒ ƕX ƙX ƚX ƛX ƞX ơX ƣX ƥX ƨX ƪX ƫX ƭX ưX ƴX ƶX ƹX ƺX ƻX ƽX ƾX ƿX ǀX ǁX ǂX ǃX DžX džX LjX ljX NjX njX ǎX ǐX ǒX ǔX ǖX ǘX ǚX ǜX ǝX ǟX ǡX ǣX ǥX ǧX ǩX ǫX ǭX ǯX ǰX DzX dzX ǵX ǹX ǻX ǽǽ ǿǿ ȁX ȃX ȅX ȇX ȉX ȋX ȍX ȏX ȑX ȓX ȕX ȗX

Webdesign : les tendances graphiques pour 2015 Les fins et débuts d’années coïncident souvent avec les prédictions pour l’année à venir ou qui commence. Nous n’allons pas déroger à la règle, mais il ne faut pas prendre cette liste de tendances webdesign à la lettre. Certaines d’entre elles ont déjà été accaparées par des marques (les précurseurs), d’autres encore n’attendront pas la fin d’année pour s’orienter dans ce sens. Enfin, certaines des tendances que nous allons lister ne le seront finalement pas en 2015, mais dans les années à venir (voir peut être jamais)… Pour autant il n’y a aucune raison pour ne pas lire cet article, ne serait-ce que pour trouver de nouvelles idées ou enrichir sa culture digitale. Les tendances Webdesign en 2015 # Longer scrolling Aux premiers abords rien de nouveau par rapport aux sites en scrolling « classiques » que l’on trouve déjà sur le Web depuis quelques temps maintenant (c’était d’ailleurs une des tendances que l’on mettait en avant en 2014). # Storytelling et Interactions # L’absence de superflus

Designing for the Web: Are There Colors You Should Avoid? The web is a rainbow of color options. Color is a great tool for grabbing the attention of users, providing visual interest and impact and creating contrast for readability. Color is also at the center of many design trends, including flat and material styles. But can you go wrong with color? Are there hues or combinations that you should shy away from? Neons Neon colors can be fun, spunky and add a lot of pop to a design. The problem with neons is that they are too bright to read with ease and cause problems paired with dark or light backgrounds. Try this instead: Remove some of the brightness from neon colors so they have a darker, more subtle look on screens. Orange You Glad does a great job incorporating “almost” neon colors into the design of their homepage in a number of ways. “Vibrating” Colors When highly saturated colors are paired, they create a “vibrating effect” where colors seem to almost move in a blurring or glowing motion. A classic example is pairing bright red and green.

Typography - 20 Free High Quality Script Fonts Hello all! Hope all is going well. This past weekend was my birthday, and we did a bit of over-celebrating! (Which is the main reason there was no post this weekend :) ) Now I’m back to bring yall some great, high-quality free Script fonts. As with all free fonts, its often hard to find really good ones. Ballpark Information & Download CAC Champagne Information & Download CoventryScript Information & Download Creampuff Information & Download Jacoba Information & Download Monika Information & Download Saginaw Information & Download Chopin Script Information & Download Blackjack Information & Download Scriptina Information & Download Blazing Information & Download Jellyka, Saint-Andrew’s Queen Information & Download English Information & Download Androgyne Information & Download Marcelle Information & Download Porcelain Information & Download Aquiline Two Information & Download Selfish Information & Download Hurricane SupaDupaSerif Information & Download Ginga Information & Download Did you like this post?

2014 Logo Trends on If home is our first place, and work is our second place, then mobile screens have definitely become our third place. Smart phone use has increased from 21 percent in 2010 to more than 63 percent today, and with 83 percent of all Americans online regularly, that percentage of mobile users is bound to keep edging up. The fact that so many people now view the world through a window the size of a business card has spelled an inevitable change in logo design. It used to be that minute favicons had to be kept extremely simple: Now, as a rule, logos must be as well, but that doesn’t mean boring. Designers continue to push back and evolve the meaning of “simple.” That logos have to be scalable has always been understood. Of course, there’s a limit to this flattening out and removal of information. Designers have responded to the mobile screen’s harsh requisites in a variety of ways, many of which are detailed in this year’s Trend Report. As with all things, it’s about balance. Mono Crest Dazzle

CS134 Web Design - Lecture Notes Class 1: Introduction to the Internet [PPT slides] Class 2: Creating a Basic Web Page [PPT slides] Class 3: Basic XHTML tags; In-class Assignment Class 4: Lists, Tables, Links, Images [PPT slides] Class 5: Links, Images; Exercise 1 [zip file] Class 6: Intro to Cascading Style Sheets [PPT slides] Class 7 & 8: CSS Value and Common CSS Properties [PPT slides] Class 9: Understanding URL, Using Different CSS Selector [PPT slides] Class 10: Page Layout Techniques (1) [PPT slides], [Layout files] Class 11: Page Layout Techniques (2) [Layout files] Class 12: Dreamweaver Introduction [PPT slides], [exercise files] Class 13: Mid-term exam review Class 14: Dreamweaver (cont.) [PPT slides], [exercise files] Class 15: Dreamweaver (cont.)

The best free fonts for designers The best free fonts offer plenty of options for your designs without costing anything. Whether you're looking for a classy serif, a clean sans-serif, vintage fonts or something completely different, there's no shortage of choice. In fact there, are so many free fonts out there that it can be hard to know where to start looking. To make it easier for you to find what you're looking for, we've gathered together the best free fonts that we've found in our regular searches of the web. If you're not sure how to use your font once you've got it, see our handy tutorial on how to add fonts in Photoshop. We also have a beginner's guide to font design, Just make sure you brush up on font vs typeface first. One good resource for fonts, including free fonts, is MyFonts. The best free fonts: Serif fonts 01. We're kicking off our list of the best free fonts with serif font options. 02. Harmony is available for download from Behance. 03. This is a great offering from Pangram and Pangram. 04. 05. 06.

Installation Decorates Hotel Room With An Interactive Wooden Skyline It's often the case that you'll see a work of art in an exhibition space and spend a good half hour or so in its company, but it's not often that you'll spend the night with it. But that's what you'll be doing with a new work from French collective Architectural Visual Exciters called SKÖ. The piece sees the group redesigning a guest room at the Au Vieux Panier hotel in Marseille—which features various rooms decorated by different graphic designers and artists—into an immersive and interactive rest space. Mixing high and low tech it uses wood, which hovers over the bed, to project patterns onto so you can lie back and have your very own light show—and don't be too worried about the wood falling on top of you either, it's all part of the experience. "The troglodytic morphology of the room imposes a total confidence in the artist since the ton of wood hanging directly above you initially launches you into a state of claustrophobia." the group says.

Web Design 1 | WaSP InterAct Curriculum Web Design 1 Assignment Rubrics Course Blog Setup a blog using WordPress, Blogger, or another comparable system. Recommended: Subscribe to your classmates' blog RSS feeds using Google Reader, Netvibes, Bloglines, or another RSS reader of your choice so you can learn from your peers. Assignment 1: Class Homepage Students will create a single web page. Assignment 2: CSS Design Students will create an external stylesheet and attach it to a mini-site of two to three pages. Assignment 3: Web site Create a complete Web site of several pages. Lab Assignments A number of hands-on lab assignments are suggested throughout the course. Create a basic web page with brief text, save to student folder, and display it in a browserUse FTP software to transfer web page to server. Evaluate hands-on lab activities using the following rubric.

Download Blacker Display font This font is for PERSONAL/NON-COMMERCIAL USE ONLY! To see the full family and acquire the commercial license please visit our website: For more info about our licenses: CONTACT US: website: have a question? Blacker is a wedge serif type family designed by Cosimo Lorenzo Pancini and Andrea Tartarelli as a take on the contemporary "evil serif" genre: typefaces with high contrast, 1970s-evoking proportions and sharp wedge serifs. Design details have been fine-tuned in two subfamilies: the display variant offers tighter kerning, higher contrast and sharper corners for maximum effect at big sizes, while the text variant offers better readability and screen rendering with lower contrast. Blacker features an extended character set that covers over seventy languages using the latin alphabet, as well as Russian Cyrillic.

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

How to design HTML5 games HTML5 and the term “cross platform” are buzz words, and for good reason. The technology works for smartphones, tablets, laptops and desktops. Agencies love the concept, because any web designer who knows HTML, will understand HTML5. More projects involving HTML5More projects revolving around interactivityCreating experiences for the end user to interact with At the heart of this interactive experience, are casual games. I play games, but… It’s a common fallacy among web designers that designing games is a specialized skill. designing the game;producing the visual and audio assets;programming the game. As a web designer, the easiest way to gain experience, is through designing the game itself. 1) Play lots of casual games Have an iPhone or Android phone? While you’re playing, be conscious of how each game is designed. You’ll notice that some games, at the core are really about the same thing. You’ll notice that some games focus on compelling storytelling with carefully designed characters.