Due to how the text rasterizer works, fonts look heavier on OS X and iOS, compared to to other operating systems.
And, trying to close this gap with per-browser CSS styles is a common pattern.
Also, Type Rendering Mix can be used to disable web fonts when no antialiasing is applied.
It works by auto-adding some styles to theelement that represent the rasterizer and anti-aliasing support on the browsers and leaves the rest to us (creating the styles).
Requirements: No Requirements
Compatibility: All Major Browsers
There is a growing number of web fonts, each have lots of items and, sometimes, we only need few from each.
Font Combiner is a free and web-based tool for picking the letters from each font and generating a custom one.
It also empowers us with features like changing the kerning, subsetting, hinting options and multiple font glyph combinations.
The tool hosts lots of free web fonts to choose from and works can be downloaded as PNG or SVG.
It is already possible to find very nice icon fonts around but there is always room for new ones.
Ionicons is a fresh + free icon font with a slick design and a very good fit for web apps as it includes many “action icons”.
The font has items for arrows, comments, loaders, users, media controls, weather, charts, social and more.
There are 400+ unique icons however it is open source and new ones being added regularly.
There are nice script fonts and the nicer ones. MightyDeals is offering a discount on a such “nicer” one called Melany Lane.
The font is elegant-yet-fun, very characteristic, has a beautiful flow and can be read so easily.
It is created by Yellow Design Studio’s and comes as the whole family of 5 sets (Melany Lane, Melany Lane Bold, Melany Lane Ornaments, Melany Lane Ornaments Bold, and Melany Lane Lane Patterns).
300 glyphs, 364 ligatures, 100+ ornaments and background patterns exist in the font family which can be used to create impressive letter combinations.
25+ languages are supported and it is also available as a web-font. The pricing is normally $49 but offered for $17.
Not every PSD file is created equal : ). Sometimes they are very badly layered/grouped and it is hard to work with them.
In case you are trying to find out the fonts used in such a PSD file, .PSD Fonts can help.
It is a website that simply asks you to upload the PSD file (directly or via Dropbox), analyzes the layers and lists the fonts used. That simple.
For a good looking typography, the number of characters in a line is pretty important. And, this is difficult to automate only with CSS media-queries.
FlowType.JS is a jQuery plugin which can auto-resize the font-size and line-height (according to the width of the element wrapping it) so that our content is displayed just as we prefer.
The plugin has options for setting the min/max font-sizes and min/max widths where the resizing will be triggered.
It also works fine with webfonts and a nice demo shows how it works (just resize the browser for the demo page).
Compatibility: All Major Browsers
Dripicons is a good-looking free icon set of 90+ items which are designed in flat style.
It includes icons that are suitable for web apps, like: arrows, media, charts and more.
The set is available in many vector formats (PSD, AI, EPS, PDF, SVG) and also as a webfont.
Map Icons is a free icon font that is built to be used with Google Maps API + Google Places API.
These icons extends the Google Maps Marker object to enable either an image or SVG marker to be used with the icon placed on top as a label. But, but they can be a perfect fit for any mapping-related content/app.
It includes 100+ icons with items for almost any type “points of interest” and location markers.
An update in typography of design projects can quickly change the look & feel of it and there can always be better looking fonts.
TypeWonder is a free-to-use web application for testing a website with different fonts in real-time.
We simply enter the URL of the website, select the font from a list of free fonts (currently, only Google Fonts) and the site is presented with the new font.
It is also possible to browse the site afterwards with the new font and the sub-pages will use this font too.
For the future, what would be great is to define different fonts for different elements, classes and IDs.
A designer never stops hunting for new fonts as a different/fresh font can easily beautify any design project.
MightyDeals is running another exciting font deal for typography fans: Nexa Slab.
The font is very slick and based on classic slab serif fonts like Lubalin Graph, Rockwell and Memphis.
It is available in 24 variations ( 3 basic forms -italics, obliques and uprights- and 8 weights).
Nexa Slab supports most Latin-based scripts and offered with 90;% off the standard price ($9 rather than $99).