Best Free Open Source Fonts for Designers

 I found recently on the Internet an interesting article about fonts - The top 10 Open source Web Fonts , where the author presented a very cool collection of totally free fonts that you can use for their sites. But the essence of the notes not only that, a couple of times in the text is repeated a certain revolution @ font-face. And it really is, what are the fonts in the Web `s about 5 years ago and now does not compare. First, it used to be nice to find a cool and with a free font (not a license to use does not count) for the site. But today the situation is changing for the better - a unique (up to a certain extent) and free (licensed open source) the font is no longer a rarity. Moreover, for many expensive fonts can be found excellent, and most importantly free replacement that is not how it is inferior to analog.

Secondly, I remember very surprised that the Web `s are very stringent restrictions on the font used on the site - a couple of standard and all. Time is now same the application of of original of elements, of non-standard, vivid, of creative is considered to be now very good, a tone of. Typography in the internet has become more unchained, interesting and freewoman. Is not it a revolution? The article below will find 10 good fonts that can be a decoration on your site.

The Fell Types

Fonts The Fell Types from the author of Igino Marini (Igino Marini) look simply more tremendous. If you believe the description, they are based on the actual original fonts from manuscripts of the 17th century. The author has studied the structure, gathered together all the work and made ​​a full font that will rescue you when you need to beat some "classic" theme in the design of the site.

Open Baskerville

OpenBaskerville - a font based on the original Baskerville (more precisely on the font Fry's Baskerville). It features versatility, and this has earned popularity. Open Baskerville - a great alternative to the original. The font has a dual license - Open Font License and the GNU GPL version 3.

Josefin Sans

JosefinSans - elegant and refined ideal font for headings. Based on known font Kabel, Memphis, Futura and other fonts of the "European School". The designer - Santiago Orozco. This set has a lot of different styles and options to use, making it very flexible to work with.

Open Sans

OpenSans - another font from the collection of Google Web Fonts. Designed by Steve Matteson (Steve Matteson).Differs by the fact that contains a full a set of of 897 of symbols (in the including of Cyrillic); therefore, is very flexible in the application of and his must have a in his collection every self-respecting designer! It also has many options of styles with different weight.

Gravitas

Gravitas - massive and heavy font refers to the era of industrial revolution in Britain. Perfect for posters and promotional titles. The letters are well worked out, it looks great.

Jura

Jura - slightly futuristic euro-font (meaning in the tradition of European design.) Based on the well-known classic font Eurostile, but at the same time has its own character.

League Gothic

LeagueGothic - essentially an open source-version of the legendary font Alternate Gothic № 1, developed by ATF (American Type Founders) in 1903, but contains original elements. Fans of Gothic font download required!

Orbitron

Orbitron - a font that is ideal not only for the "space of interfaces." This stylish font can be found many other applications, the benefit of the "complete", there are four "weight» - light, medium, bold and black.

Chunk

Chunk - imitation of wood-carving. The font is very rich and heavy, so it can be safely used, for example, the headlines.

Ostrich Sans

OstrichSans - very nice and modern sans serif font. Characterized by a wide diapazom Inscription - Ultra light, Normal, Bold, Black, Rounded (medium), and even Dashed (thin) - intermittent "to the point."

By the way, many other interesting fonts can be found on the Google Web Fonts, one has only to look good! The project started a year ago, and now it is full of interesting fonts that can be quickly and easily connect to your site.This is one of the elements of the "revolution", which was mentioned earlier in this article.

Read More →

200 Google plus Style Icons to Download

Social Network Google +, even in a beta stage, the hurricane broke into the life of the advanced users, so do not be surprised that this interest is a social network, including a web designers, developers, and seo optimizers .This interest is big enough and keep "warmed up" the developers of Google, who continually improve the draft and added integration with their other services. For example, among SEOs popular buttons and icons Google + that allow you to add a "1" for your site or page.

But it is not "a" single, in the last year the appearance of Google + dictating fashion and other services of Google, who have undergone a change of design and visual style. The common element of many projects include a stylish menu at the top of the page, like icons, buttons and indeed many different elements that can be found in all the projects - from mail to Gmail Google Reader. Today I present to you heed an interesting set of buttons in the style of Google +, found on the website shrapp.nl. This kit is not just a social network icons Google +, but rather by a framework which allows to add a button from the interface of Google + on your site.

See how the demo button Google +, download these icons and read the documentation for installing them can onthis page . First, you, of course. can simply say these nice minimalistic icons for various actions, situations, etc.in order to use in your design or website. A more advanced version - the connection framework (scripts) for use via css Styles icons easily and quickly.

Installing Google + buttons

Complete and detailed instructions can be found on the link above - there are different options and usage examples. I just look at the installation process + one of the options use the buttons after you have downloaded the appropriate archive.

Thus, the order of installation:

A. Place the css file and images in the root directory of the site, well, or to where you are the styles for the template.

Two. "Connect" style sheet to do this, add a link to the code of the form (add anywhere between <head> and </ head>):

< link rel = "stylesheet" href = "css/css3-buttons.css" type = "text / CSS" Media = "screen" >

3. Then connect the plug and the jQuery TipTip appropriate stylesheet (added anywhere between <head> and </ head>):

<! - Using jQuery plugin TipTip for the tooltips ->   < link rel = "stylesheet" href = "tiptip.css" type = "text / CSS"   Media = "screen" >   < script src = "http:// ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js " > </ script >   < script src = "jquery.tiptip.js" > </ script >   < script >           $ ( document ) . Ready ( function ( )  {                   / / Launch TipTip tooltip                   $ ( '. tiptip a.button,. tiptip button' ) . tipTip ( ) ;           } ) ;   </ script>

4. If you need dropdown (dropdown) menu, and add:

< script >           $ ( document ) . Ready ( function ( )  {                   / / Toggle the dropdown menu's                   $ ( ". dropdown. button,. dropdown   END document.ready                                                                                                               / / Close open dropdown slider / s by clicking elsewhwere on END document.bind </ script>                                                                                                   

In this installation is now complete. Now, for example, to bring here such buttons:

Add ... the code:

<a href="#" class="button left"> <span class="label"> Left </ span> </ a>  <a href="#" class="button middle"> <span class="label"> Middle </ span> </ a>  <a href="#" class="button right"> <span class="label"> Right </ span> </ a>     <a href="#" class="button left"> <span class="icon icon63"> </ span> </ a>  <a href="#" class="button middle"> <span class="icon icon58"> </ span> </ a>  <a href="#" class="button right"> <span class="icon icon64"> </ span> </ a>

That is the framework through all the buttons you can display Google + via css and html by simple steps. Other examples of using buttons in the style of Google + can be found in the documentation to which I referred earlier. In principle there is nothing difficult, and the result is a very cute and stylish - especially, I think it will be important for the development of some vnutrikoprorativnyh sites where the buttons are used to interface the system.

PS Buy the book on the Internet has now become even easier, a special book online store has a very wide range of products and delivery service for books. 

to cleanse the body from harmful elements and toxins to help lean cuisine recipes are in large numbers can be found on our website. 

Sometimes lifting ordered a special service commissioning the ski lifts and various types - from the mine to the kitchen and the different lift tables.

Read More →