Posts Tagged ‘@font-face’

FontSquirrel

June 18th, 2010

As a designer, I run into issues with font licensing all the time. Over the past year, there has been a large push on the internet to use and integrate native fonts into standard web design, by distributing a copy along with a web page using the @font-face CSS3 tag. This of course presents a massive legal and creative wall. Any designer worth their salt has access to a range of high quality professional fonts created by respected font foundries, none of which can be used legally in a native font format. This leaves designers with a broken selection of matched fonts that have a tendency of kerning and spacing issues.

Even as support for @font-face is still in its infancy, there are free resources available to help developers.

The first place I go when looking for higher quality fonts with open licensing is FontSquirrel. Not only is the collection huge, the site has a wide range of built in tools to make implementing @font-face even easier with pre-packaged @font-face kits, and an @font-face generator.

[ FontSquirrel ] [ @font-face Kit Generator ]

Myriad Pro’s Cousin Vegur

March 12th, 2010

While working with the Green Park 2 theme by Cordobo, I was awe struck with the native typography. It usually requires a lot of work and graphic (or javascript work around) to achieve anything as brilliant looking. Upon looking at the CSS I found the reason for the drop dead beautiful type, and that is that it uses the Myriad Pro font for its titles. While a good and clean looking choice, the requirement on the user to have such a high level designer font is unreasonable. Feeling there there must be some @font-face friendly font to embed, I stumbled upon this glorious font called “Vegur”.

The Vegur font is not a perfect copy of the Myriad font created by Adobe Systems, and suffers from the alignment issues with the site title in the header; it is acceptable for users who lack the needed commercial fonts. Next on my list is to find a replacement for the Helvetica Neue that is used for the body text … though I don’t believe I even have that installed on my computer at the moment.

wilki.me [ Myriad Pro goes Open Source ]