background preloader

The 30 greatest free web fonts

The 30 greatest free web fonts
It's time-consuming to cut through the ocean of mediocre free fonts online, especially web fonts, to find the real gems that punch above their (zero) price tag. With this in mind, we've rounded up the greatest free web fonts from around the web to get you started. There are various methods to source and license web fonts, including subscription-based models such as Typekit, Fontdeck and Fontspring, which boast libraries of quality typefaces and 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. Font sources Sites such as Font Squirrel are helpful, not to mention the free-to-use Google Web Fonts service and Adobe Edge Web Fonts. Oh, and you should also read: rules for using web fonts that some designers forget! 01. 02. 03. 04. PT Sans was developed for the project "Public Types of Russian Federation."

http://www.creativebloq.com/typography/free-web-fonts-1131610

Related:  TypographyWeb & TechWebsite DesignDesignHTML

Alternatives To Your Favorite Serif Typefaces [Updated With Specimens] Hello, my name is Bram, a brand strategist, hacker and typophile. I’ll be guest blogging for Designer Daily during Mirko’s vacation week. Consider this fact: today, we have more typefaces than ever designed, yet most designers chose to stick with their Helveticas, Gills and Caslons. This isn’t bad, per se; after all, going with the familiar guarantees predictable outcome. But with typography, the subtlest of choice can make a big difference—and sometimes, you want to add just enough character to the type, without making abrupt change.

35 Stunning Parallax Scrolling WordPress Themes For Agencies, Designers, Apps and Portfolio 2014 Hand picked list of the best WordPress parallax themes designed and developed in 2014. These themes suited for business, portfolio, corporate, personal and any other websites. We tried to cover themes from different sources and for various purposes, so everyone can find the one that suits their needs. Parallax is when things look to be at a different position when viewed along different sightlines. This design trend gained popularity after Apple announced iOS 7 and with parallax backgrounds and now continues this trend with iOS 8 and Mac OS X Yosemite. KS2 History 30 plus photographs from Rome, Pompeii and Herculaneum. An alien visits Roman Britain, see if you can save the alien from the Romans! Vocabulary based on Unit 6a from the DFES Schemes of Work. Test your knowledge of the Romans invading Britain through this drag and drop quiz. Eight photo jigsaws based on the topic of Romans. Customize using the picture, style, number of pieces and rotation features.

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.

Designing for the Web: Are There Colors You Should Avoid? 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? 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. Services such as Google Web Fonts and FontSquirrel are expanding their free @font-face collections weekly but it can be difficult to pick through masses of naff display fonts to find that perfect typeface.

Griddify, a Tiny Photoshop Panel for Guides and Grids Griddify is tiny and fast. It helps you compose custom grid systems, vertical rhythm, and do a bunch of other stuff with guides in photoshop. Watch the short tutorial to learn how it works: Download and Install (Photoshop CC) Web Design Consultation Client Questionnaire The intention of this checklist is to establish a common understanding of the website you want and the steps involved in achieving this. Don’t worry if you don’t know the answer to all the questions, but the more information you are able to give the better. 1.

2014 Logo Trends on LogoLounge.com 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.” 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.)

Using @font-face The @font-face rule allows custom fonts to be loaded on a webpage. Once added to a stylesheet, the rule instructs the browser to download the font from where it is hosted, then display it as specified in the CSS. Without the rule, our designs are limited to the fonts that are already loaded on a user's computer, which vary depending on the system being used. Here's a nice breakdown of existing system fonts. Deepest Possible Browser Support

Free textures for your next web project. The seigaiha or wave is a pattern of layered concentric circles creating arches, symbolic of waves or water and representing surges of good luck. Made by Olga Libby Download A friend gave me a cork wallet. I scanned it and made this. Made by Atle Mo Web Design Client Questionnaire – 10 Key Questions Web design client questionnaire: why do you need it? First of all, to understand what your clients need and provide them with most competitive proposal. Second, you need to filter out price shoppers who unlikely will out the complete form.

Related:  TIPOGRAPHY