Connect With WRD
feed via e-mail
feed via e-mail

Archive for the ‘Font’ Category

A beautiful font can easily turn a standard text into a good-looking title, logo, etc..

Solomon Font Family is definitely one of the most exciting font packs out there with 6 decorative fonts in 6 different weights (12 fonts total).

It has a well-finished geometric design with optimized kerning and looks elegant without being too much flowery.

Solomon Font Family Discount Deal

The fonts have support for characters of 50+ languages so they can easily be used in multilanguage projects.

They are normally priced $279 but discounted for $9 at MightDeals. You can choose to get the desktop version or the web font version for the price (or get both for $18).

Metrize is a slick set of 300+ vector icons that have a Metro UI-like style.

The set comes in multiple vector formats (PSD, SVG, EPS, AI, PDF) and as a web font.

All major items required for web apps are included in the set (like arrows, actions, social networks, etc.).

And, it can be used freely in both personal + commercial projects (no attribution required).

Metrize Icons

Genericons is a free icon font that is created with blogs in mind but can fit easily to any website.

It is a project of Automattic (the company behind WordPress) and the icon has items like calendar, arrows, social networks, link, comments... Simply, the most-used ones in blogs.

There are currently 60+ icons and it is documented with examples (can be found in the download package).

Genericons

  • Tags:
  • Filed under: Design, Font, GPL License
  • 0 Comments
  • There are many creative uses of symbol fonts and Stately is definitely one of them.

    The font is for creating US maps where states are glyphs within the font. Each state is positioned and sized relative to the the rest of the states so that they play well with each other.

    Stately

    It is possible to style each state with only CSS, scale them to any size or manipulate with JavaScript.

    As a wish, how great would it be if there was a world map version : ).

  • Tags:
  • Filed under: Design, Font, MIT License
  • 0 Comments
  • Few days ago, a post at WRD had featured BLOKK (a font as blocks) and here is a similar resource with a difference.

    Redacted Font is an open source font which is inspired from BLOKK but has a script version besides the block.

    The script version is available as regular + bold and the project is so useful when wireframing.

    Redacted Font

    Lorem Ipsum is the most standard placeholder text used in mock-ups and wireframes.

    It helps to not distract the user with content but focus more on the design and/or layout.

    BLOKK Font

    BLOKK, which comes as a font, is a nice alternative to Lorem Ipsum. It has no letters but generates (colored) blocks instead.

    Such blocks definitely helps concentrating on the layout more and makes more sense for websites with non-Latin characters.

    There are various free icon fonts out there and, with the increasing use, new ones are being created each day.

    MFG Labs Icons is one of them, it is a slick, free and pretty complete icon font.

    MFG Labs Icons

    It is a web app-themed set considering most of them are actions (and there are social items as well).

    The download package includes all the popular web-font formats and the styles for them.

    IcoMoon is a free service that enables us to create custom icon sets and icon fonts using different sets.

    The application includes most of the popular and free icon sets (that can be selected from its library), we can choose which ones to use and select any number of items from them.

    Icomoon

    Once the selection is over, it offers 2 types of downloads: image and font.

    The image version comes as PNG with optional sprite image + the CSS rules and the font version in multiple formats (EOT, SVG, WOFF, TTF).

    Also, besides the icons of other designers, IcoMoon has its own and free icon set which is pretty huge and slick.

    Icon fonts are being used more and more each day with the flexibility they offer and their integration with the popular UI/CSS frameworks.

    Info: If you are looking for a list of free icon fonts, check:  Free Icon Fonts (Pictograms) For Today’s Web Designer.

    We Love Icon Fonts

    We Love Icon Fonts is a free-to-use service that hosts popular icon fonts (similar to Google Web Fonts).

    It is possible to select any number of fonts and it’ll instantly generate a unique link for them that we can import into our web pages.

    The service is also open source so that we can host and customize it ourselves.

    There are very nice icon fonts out there, both free or paid, and they provide flexibility in several ways compared to using standard icons.

    However, a major drawback is that icon fonts usually come as a single font file where we need to load the whole file to use few items.

    Font Custom

    You’ll remember Fontello that allows us to create custom icon fonts via a web interface. Font Custom, an open source tool, is a command line alternative for it.

    Simply target the folder that has your SVG or EPS icons and it’ll generate the fonts.

    Also, it’ll keep watching the folder in case you make any changes to the icons and will always keep the fonts up-to-date.

    P.S. The rules in the CSS generated are named similar to Twitter Bootstrap which is nice for the fans of the framework.

    Uptime Robot
    feed-holder
    FeedBurner
    PSD2HTML.com
    HotScripts Marketplace