Interactive Guide to Blog Typography. The majority of websites are composed of a bright, usually white background and dark text.
Then there's the small minority of the web: dark websites, colorful websites. Why is the bright background used by the majority of websites? Utilitarian Motivation The common use for small caps is for abbreviations longer than 2 letters, such as CSS, HTML and WYSIWYG excluding AM, PM, BC and similar. Research shows that consumers with a utilitarian motivation find a low-arousal environment more pleasurable than a high arousal one. Hedonistic Motivation Hedonism is defined as the pursue of pleasure, especially the pleasure of our senses. Example outside the web: nightclubs. 5 Use Cases for Icon Fonts. The following is a guest post by Tim Pietrusky.
Tim knows this site has long been a proponent of using fonts for icons, and had his own interesting use cases to share. While creating the demos, to make things easier for himself, he created a free service for icon font hosting. It makes for a nice gift to the community as well. I'll let him tell you about it... Icon fonts are great: You can CSS the crap out of them and they don’t mindThey look good on any display or resolutionThere is only one HTTP request for any size set of icons Let's look at 5 typical uses cases for icon fonts. Before we start We won't be using any vendor prefixes to keep the example code clean and readable. As you will see in the examples, I use the icon fonts hosting service weloveiconfonts.com. 1. There are quite a few awesome, pure CSS loaders out there and you can even create your own at cssload.net.
This is the basic HTML. Import the icon font Fontelico into your CSS: Demo on CodePen: 2. 30 Free Handwriting Fonts Every Designer Should Own. Join the mailing list to have every new post hand delivered to your email inbox.
Every subscriber gets a FREE bundle of 40+ icons, vectors, brushes & textures! 20 High Quality Free Fonts Every Designer Should Own. As a designer if you think of the term “Free Fonts” you’ll probably imagine all kinds of garish decorative fonts worthy for use in nothing more than Microsoft Word, but there’s actually a range of high quality fonts by professional designers available free on the web.
This post pulls together a mix of font styles that will suit a variety of projects, including serif, sans-serif, slab-serif and a couple of script fonts. Not only are they all free to download, but they can all be used commercially too. The Big List of Flat Icons & Icon Fonts. Icon fonts are awesome.
Other than the fact that they have to be single color, they are superior to using images as icons in every way. But which do you choose? There are loads of different sets out there. I'm going to attempt to round them all up here and keep this updated (this post has already been updated several times). Pictos Pictos is the icon font that really popularized this whole idea. Symbolset Symbolset is unique in that they turn words into icons for you. Modern Pictograms v1 is free on Font Squirrel. v2 is paid with the complete set at $25 or individual icons as low as $0.50. Pictonic Pictonic also offers a hosted icon service and offers unique pricing ($0.59 per icon). StateFace StateFace has all 50 U.S states as an icon font. Geobats GeoBats is an icon font of the world's countries. Web Fonts.