Archive for the ‘fonts’ Category:
Aloha Editor, CSS3 Pie, FontFonter – Impressive Fresh Tools
It is always impressive how many useful and free web apps and tools there are for web designers, and today’s fresh selection is just that – very impressive. The Aloha Editor is especially impressive, with its unique live editing features. And there is also CSS3 Pie which will make all CSS3 properties viewable in all versions of IE (it really does!). If you have the time we recommend you take a look at these tools.
Aloha Editor – The HTML5 Editor
Aloha Editor allows you to edit content you would never imagine you can. It is the world's first full featured Editor that allows you to edit dynamic content live and in place.
Aloha Editor – The HTML5 Editor
1dl.us – Your all-in-one tool site
1dl.us is a useful all-in-one resource, that feature URL shortening, Upload Pics, Pastebin and a Password utility.
1dl.us – Your all-in-one tool site
CSS3 PIE: CSS3 decorations for IE
PIE stands for Progressive Internet Explorer. It is an IE attached behavior which, when applied to an element, allows IE to recognize and display a number of CSS3 properties.
CSS3 PIE: CSS3 decorations for IE
FontFonter
FontFonter uses custom CSS and other techniques to temporarily replace a site’s font styles with Web FontFonts.
FontFonter
By Paul Andrew (Speckyboyand speckyboy@twitter).
Awesome Resource: User Interface Design Framework
Today’s news focuses on only one single design resource… and what a FREE resource it is! It is The User Interface Design Framework from webalys.com, which is basically a huge design framework that consists of a complete GUI library, a set of of 260 minimal vector icons and a massive Illustrator style library. This is a must have resource for any professional designer.
License: The framework has been released as a complete web designer kit for free, even for commercial use.
You can download the UI Design Interface here: User Interface Design Framework
You can view the details of the framework below:
GUI Library
The GUI elements are based on common interface patterns (accordion, expandable panel, progress bar, tags, slide show…), that integrate usability good practices and are perfect for wireframes and interface design.
Vector Icons Library – 260 Minimal Icons for Free
This pixel precise icon collection have been created specifically for interface and web designers. They are based on a precise 16 pixels grid, which means that they stay clear and have a crisp look even at small sizes.
Graphic Styles Library
The Graphic Styles Library consists of 200 graphic styles for buttons, navigation menus or panels and 330 swatches harmonized with graphic styles for backgrounds, typography and other GUI interface elements.
You can download the UI Design Interface here: User Interface Design Framework
By Paul Andrew (Speckyboyand speckyboy@twitter).
4 Awesome Fresh Font Collections
Limiting your design range to reusing the same font on project after project doesn't go for making a decent body of work. It is essential that all designers have a good library of fonts that they can rely upon. Unfortunately, a lot of the best fonts are pretty expensive for freelance designers, and as such we have listed below the best and freshest font collections that we could find to help you out.
40 Free Fonts Ideal For Retro And Vintage Designs
Vintage and retro style designs can be a beautiful thing. By using a combination of rough textures, grungy patterns and brushes meant to add a scratched or used appearance, designers can easily pull of the antique look. To compliment this aged appearance, it is important to use the proper typography to help match the style you are trying to represent. To help you out, this article has a collection of 40 attractive retro and vintage fonts to use in your designs.
40 Free Fonts Ideal For Retro And Vintage Designs
20 Fresh High Quality Free Fonts
In this selection, from Smashing Mag, they present the new free fonts Kilogram, Adelle, Ayita Pro, Hattori Hanzo Typeface, Andron, Tertre, Luxi Sans, Sapir, Otari and a few more. Please read the license agreements carefully before using the fonts — the licenses can change from time to time.
20 Fresh High Quality Free Fonts
100 Fantastically Free Business Fonts
In this post you’ll find some great serif and sans-serif fonts that are perfect for use in situations involving small to medium sized business clients (in other words, they didn’t include any fonts that make you want to cringe or that you’d be embarrassed to work with).
100 Fantastically Free Business Fonts
50 High Quality Funky and Groovy Fonts for Your Designs
50 High Quality Funky and Groovy Fonts for Your Designs
By Paul Andrew (Speckyboyand speckyboy@twitter).
Cool Resource: The Google Font API and Font Directory
A couple of days Google introduced the Google Font API and Google Font Directory to everybody.
The Google Font API provides a simple, cross-browser method for using any font in the Google Font Directory on your web page.
The fonts have all the advantages of normal text: in addition to being richer visually, text styled in web fonts is still searchable, scales crisply when zoomed, and is accessible to users using screen readers.
Here are some Google Font API resources to help get you started:
What are the Google Font API and the Google Font Directory?
The Google Font API helps you add web fonts to any web page, and the Google Font Directory give developers a selection of high-quality fonts when using the Font API.
Google Code Blog: Introducing the Google Font API & Google Font Directory
What are the Google Font API and the Google Font Directory?
Getting Started with the Google Font API
This guide explains how to use the Google Font API to add web fonts to your pages. You don't need to do any programming; all you have to do is add a special stylesheet link to your HTML document, then refer to the font in a CSS style.
Google Font Directory
The Google Font Directory lets you browse all the fonts available via the Google Font API. All fonts in the directory are available for use on your website under an open source license and served by Google servers.
Google Font Directory
Google Font Previewer
This tool allows you to preview and sample any of the Google fonts from its directory.
Google Font Previewer
By Paul Andrew (Speckyboy and speckyboy@twitter).
Embedding Icons with CSS3
Is there no end to CSS3s possibilities? In the past, would you have even considered the idea of generating a font based on an icon set, and then embedding it via @fontface? Or, even better, would you have thought it possible to create icons using only CSS and HTML? I didn't think so…
Ever Thought About Using @Font-face for Icons?
With the advent of font embedding and the realization that fonts are essentially a series of simple vector glyphs. Conceptually, if you placed all required icons for a particular site into a custom font, you would then be able to use those icons anywhere on the site with the option to change the size and color, add backgrounds, shadows and rotation, and just about anything else CSS will allow for text.
Ever Thought About Using @Font-face for Icons?
Font-Embedding Icons: This Is a Big Deal
From P.J. Onori's (resource author) view, it seems like the Font-Embedding Icons are the way forward. So, he generated a font set based on his personal icon set Iconic, and writes further about how to implement the icons and why we should all be using this method for displaying icons.
Font-Embedding Icons: This Is a Big Deal
Pure CSS Icons
As an experiment Zander Martineau built a set of pure CSS Icons, using lots of CSS3, border-radius being the most obvious but also rotation, gradients and transform (for when an icon is hovered over) and all dimensions are em-based so that all you have to do to change the size of the icon is just change the font-size of their containing element.
Pure CSS Icons
By Paul Andrew (Speckyboy and speckyboy@twitter).
Beautilful Typography Posters
Typically, in graphic design, type will only have a supporting role or a bit-part of the overall design, merely a small ingredient of the overall design. That is not always case, sometimes type will be projected into the forefront, and the result can be amazing, powerful and very, very effective, as you can see from below.
40 Beautiful Typography Inspiration
40 Beautiful Typography Inspiration
20 Eye-catching Examples of Typography in Movie Posters
20 Eye-catching Examples of Typography in Movie Posters
Typography Showcase At Its Best – 68 Creations
Typography Showcase At Its Best – 68 Creations
By Paul Andrew (Speckyboy and speckyboy@twitter).
Three More Info-Graphics for Designers
You will probably have your own traditional methods for finding useful design information and resources, but you can’t beat studying a well crafted and creative info-graphic, and if it teaches you something interesting or if it is helpful and insightful in any way, then its even better.
Below you will find three more info-graphics for designers.
Colours In Cultures
What colour is happiness in China? Or good luck in Africa? Or anger in Eastern Europe? Are any color meanings universal across cultures and continents?
Colors In Cultures is a visualization of the meanings of different colours in different cultures by David McCandless and AlwaysWithHonor.com.
Colours In Cultures
So You Need A Typeface (Flowchart)
Choosing the perfect font for any project can be difficult, this flowchart certainly more than tries to help with a touch of humor.
So You Need A Typeface (Flowchart)
HTML5 and CSS3 Readiness
The browsers are grouped into color schemes based on their underlying rendering engine – e.g. all Firefox versions are shades of blue, Chrome/Safari – yellow, IE – pink. Each ray also has a different background color if it is a CSS3 feature.
Each browser is represented with a tile on the bar and gets an equal width of space, so if you see a bar that is full, that means that feature has universal support among all the 8 browsers.
HTML5 and CSS3 Readiness
By Paul Andrew (Speckyboy and speckyboy@twitter).
Fresh Font Collections for Designers
Choosing the perfect font can be one of the most difficult aspects of design. You will probably use one font for the logo, another for the headings and yet another for the content. And on top of that each design you create will have its own character and the font you choose will need to compliment it. Just how do you find that perfect font for that particular design?
For today’s news round-up we have collected the best and the freshest font collections to expand your font libraries and help you choose that perfect font.
30 Free Fonts Ideal for Business Logos
30 Free Fonts Ideal for Business Logos »
20 Fonts Ideal for Big and Powerful Headings
20 Fonts Ideal for Big and Powerful Headings »
7 Free Grunge Fonts That Rock
7 Free Grunge Fonts That Rock »
20 Fonts Ideal For The iPhone And Other Mobile Screens
20 Fonts Ideal For The iPhone And Other Mobile Screens »
A Roundup of 45 Industrial Free Fonts
A Roundup of 45 Industrial Free Fonts »
The 30 Most Creative and Unusual Fonts
The 30 Most Creative and Unusual Fonts »
By Paul Andrew (Speckyboy and speckyboy@twitter).
50+ Free Dark Grungy Fonts and Textures
Grunge fonts and textures are used in a wide range of web and graphic designs. There is much less of a limit when it comes to using these elements, and they’re a great way to make any of your web, graphic, or print designs stand-out. Some of these fonts or textures may seem useless as a standalone, however, once meshed with a beautiful idea, who knows what can happen.
Here we have a collection of over 50 dark grungy fonts and textures for you to use any way you’d like!
Akoom
[ank]* font
Inked God
Soul Mission
Zombilaria
Vtks good luck for you
Black Oak
Vinyl George
Ginga Font
Ultimate Midnight
Turbo Ripped
Bill Hicks
Loserboi Grunge
Trashed
Times New Yorker
Phat Grunge Bold
Thirsty for Souls
Pulse Sans Virgin
Broken Ghost
The Great Thunder
Technine
Laundromat 1967
Charles S.
Stampede
Rusted Plastic
Rough Linen
Distorted and Scratchy
Rubbermaid
Punk Kid
EpoXY histoRy
Pistol Grip
District
Bleeding Cowboys
Neo print
Mudshake
28 Days Later
Marcelle
Ascent 2 Stardom
Dead Secretary
Living Hell
Karabine
Everyday Ghost
Heroin 07
Defused
Gas Mask
Fayettenam
Broken Ghost
Grunge Textures
The Dead Marshes
Nargothrond
TEXTURES 69
Season of Winter
Grunge Background Textures (5 Textures)
Use This 296
25 High Resolution Free Grunge Textures (From PSDelux)
Got a question about this article? – Ask it here!
30 of the Best Fonts Designers Should Use for Print
Selecting the right font(s) for use in print can be a bit challenging. Fonts in this category have to be concise, smooth, and be able to hold its own ground without the additional help of other fonts. Although there are a few interchangeable fonts that can be used for web and print, the list we’ve compiled below should help you get a head start on what fonts are the most effective in print.
Many times the choice that seems obvious for designers is serif fonts, due in part to the fact that they work well in the form of a headline or body content. Though with the following fonts you’ll see that we have digressed from filling up this list with serif fonts. Instead, we hand-picked a variety of well-known and a few obscure fonts that we believe do a good job of conveying readability when used for print.
Are we missing any? Let us know in your comment!
Tallys
Excelsior
Perpetua
Trajan
Akzidenz Grotesk
Geo Sans Light
Avenir
Meta
Stempel Schneidler
Vintage
Rockwell
Museo
Helvetica
Times New Roman
Stuart Standard
Houschka Pro Light
Adelle
Gylphya Std Black
Geometric Slabserif
Clarendon Light OT
Memphis
Coolvetica LT
Public Works
RePublic
Editorial Comment
Sling
Old Sans Black
Nevis
Chunk Five
QuickSand
