Install The Ubuntu Font On Windows Or Mac [Free Font Download]


This is gonna be a quickie. If you’ve installed the latest Ubuntu 10.10, loved the new default Ubuntu font and want to have the same font available on your other systems running Windows or Mac, you may look no further. The Ubuntu font, which is actually a family of fonts, is not only royalty free and open source, but also gratis. It is an open-type ttf based font family, designed by renowned font foundry Dalton Maag, which is based in London.

If you’ve come to believe that Ubuntu is bad at typography, this is the moment where you should give it another chance.

Download the Ubuntu Font [Take the link for the zip file, in the second β line]

New Ubuntu Fonts – No You Cannot Use Them Yet!

Canonical Design has introduced new Ubuntu fonts which will be used in the next release, Ubuntu 10.10 Maverick Meerkat. The new fonts will not be available to everyone, though, as it has been released as a private beta. Only Ubuntu Members are allowed access to the new font through a private PPA. The fonts will be released as a public beta on 8th August. So if you are not an Ubuntu Member, you have to wait till then.

Regarding new font, this is what Canonical Design said:

The Ubuntu font (family) is open-type ttf based font format and fully unicode compliant. It contains Latin A and B extended character sets, Greek Polytonic and Cyrillic extended. The font has been hinted for superior screen display. Its spacing and kerning is optimised for body copy sizes.

Another point of interest with the new fonts is that Canonical Design have said that “exact details of the license are not confirmed”. This has led to some speculation that Canonical may release it under a proprietary license. If they do release it under a proprietary license, it will go completely against the Ubuntu Philosophy. As of now, the Ubuntu Philosophy dictates that Ubuntu will not come with proprietary software by default. This is the reason why you have to install Flash, video and audio codecs etc.  separately  after installing Ubuntu.

This decision to release it as a closed beta and the licensing uncertainty has not gone down well with some Ubuntu Members. Some have even spoken up against Canonical.

However, they have made their decision and you have to wait till 8th August to get the new fonts if you are not an Ubuntu Member.

New Ubuntu Website Goes Live

If you remember, when Canonical announced the new Ubuntu branding they also revealed a new design for the Ubuntu website ( Today the new design finally went live.

The new website uses the new Ubuntu logo and has a new color scheme. Here is a screenshot:

You can see the website for yourself at

What do you think about the new design? Leave your thoughts.

Google Search Puts On New Clothes, But We Knew it Already!

Just last month around this time, we had posted a screenshot tour of the new search interface Google was experimenting. Now, Google has gone ahead and with that interface and has planned to get it hardwired into the design.


That would mean, we will see this design by default on the Google search from now onwards. You can see the post made on Tuesday, 13th Apr 2010 here. It has a comprehensive list of changes to check out.

The new search interface has a better interaction with results from live social activities. This is being managed by redesigning the left sidebar which scales in behavior depending on the type of content searched for. Google has laid a lot of stress on segregating search results categorically and relevantly with this sidebar.

The search results page looks  a lot cleaner and this new design which has already been implemented will be continuously improved. The change will be applied over a period of 48 hours, so do not panic if you cannot see the change right instantly.
(Via: TheNextWeb)

New Kubuntu Logo Design Revealed, “K” still missing

Yesterday when we reported about the new plymouth theme for Kubuntu, we mentioned that the Kubuntu logo is still being developed and that the logo used in the plymouth theme will be replaced by the new theme once it is finished.

In the Kubuntu meeting yesterday night, the Kubuntu Council has approved the design for the new Kubuntu logo. The logo clearly follows the design of the new Ubuntu logo and has the same font. Here is the new Kubuntu logo:

As you can see very clearly, the logo is unfinished. This is because the new font that came with the new Ubuntu branding is still not complete and is still missing many letters including “K” yet.

Meanwhile another Kubuntu member, David Wonderly, has touched-up the official design and added the Kubuntu-Blue color and some glow-effect to come up with a wonderful design.

The new Kubuntu logo is expected to be shipped with the second beta which is scheduled to be released on 8th April.

What do you think about the new design? Do you like it? Let us know through the comment.

StumbleUpon Releases Official Badges

StumbleUpon allows users to discover new content and share them among their followers, it is one of the biggest sources of traffic for many websites.

Previously, users could add StumbleUpon sharing badges to their site, however, none of them were officially supported by SU. However, StumbleUpon has now officially release StumbleUpon badges, which users can easily add to their websites.

StumbleUpon Official Badges

The badges are available in different sizes and also display the number of hits a webpage got through StumbleUpon, along with providing users with an option to submit the webpage to SU. The badges are available for WordPress, TypePad, Movable Type, Feedburner, Blogger and any other website.

So, if you are looking to gain more traffic to your website, head over to the Official StumbleUpon Badges page to get the badge of your choice. More info is available at the Official StumbleUpon blog.

Update: There is a bug right now in the badge generation code, no matter which badge you select it will always display the first option. I have notified StumbleUpon about the issue, an update should be available shortly.

Update 2: The badge generation bug has now been fixed.

Mozilla Rips Off Design For Jetpack From MetaLab

Mozilla, the creators of Firefox have been accused of ripping off the design from a site owned by design firm called Meta Lab Design for a UI mockup of Jetpack, a Development framework for Firefox Add-ons development.

The Next Web pointed out a blog post written by the Meta Lab team sarcastically titled as "Meta Labs Goes Open Source", which talked about the blatant design theft from Mozilla, including the images.

Original Metalabs Design

Ripped Off Mozilla Jetpack Design

As you can see from the screenshots above, Mozilla completely ripped off the design for Jetpack from Meta Labs and put it up on their wiki. Incidentally, Meta Labs was had also bid to design the Jetpack site design and were rejected by Mozilla.

This is a definite embarrassment for Mozilla, who have a huge following and are the brains behind the second largest browser in the world. Quite sometime back, Microsoft too had to face a similar controversy where they were caught copying design and code from a Chinese social networking site, Plurk.

This makes me wonder, why these companies do not spare some time to hire proper UI designers so that they can get things done in-house, rather than having someone rip off someone else’s design and creating a controversy.

Update: Mozilla has clarified the design mockup’s and have also tendered an apology to MetaLab

At issue are early mockups for one of the Jetpack developer tools that included design elements from the MetaLab web site. While the design direction being implemented does not utilize these design elements, we inadvertently included the early mockups in our blog post and video announcing the next phase of development for the Jetpack SDK.

We’ve since removed all of the early mockups from our web sites, and updated the videos and screenshots with the correct content.

We sincerely apologize to MetaLab for incorporating design elements from their web site in our early mockups and for posting them publicly without proper attribution.

Twitter Says "Tweet" Don’t "Update"

has been making several transitions to their web interface recently, few of them have been changes to things people have always been familiar with. Quite sometime back they change the Catch line of Twitter from "What are you doing?" to "What’s happening?", and now a similar change has been rolled out where the "Update" button has been replaced with a "Tweet" button.

Twitter Tweet Button

The change though subtle, shows a huge change in the mentality of how people see Twitter as. The "What’s Happening" change conferred upon users that Twitter was not just about what people are doing, and had changed to what is happening to them and around the world. The recent disasters in Haiti and Chile were good examples on how people were talking about "What’s Happening" around them.

The new "Tweet" button also signifies a change where people are not updating their status but are tweeting about different things. Definitely a good change. What do you think?

Thanks @J3rwin

Drawter: Create HTML and CSS Codes Online without any Coding Knowledge

If you are a blogger and always feared to change your blog’s design because you don’t know how to code, here is a reason to rejoice. Drawter is an amazing web based tool which can be used to generate blocks of HTML and CSS codes. You have to draw the shapes and input the CSS attributes of HTML blocks. Drawter will then generate the corresponding CSS and HTML code which you can use in your blog template.

How to Draw HTML and CSS code with Drawter

1.  Visit Drawter and select the “Draw” mode from the navigation. Draw a rectangle (node) with your chosen dimension.


2. Select the elements from the sidebar and choose the basic parameters of the page you are going to create. Give your page a meaningful title, select the document type and the page language.


3. To add content in a node, select the “Edit” mode from the navigation and click the node you want to edit. You will see a content box for adding text in the page.


If you want to insert hyperlinks, select the “a” module from the dropdown. Similarly, to add H1 heading, select “H1″ from the tag name dropdown.

4. To style the HTML block, set the font-size, font-color, background color from the next section of the toolbox. You can also use a background image for the block by adding the URL of the image in the “background image ” text box.


5. Add all the style parameters you want for the chosen HTML block from the “Other box styles” section. Most of the known properties are included so that you can try your creative skills at ease.


When you are done adding all the style attributes, hit the “Generate code” button from the navigation. Drawter will generate the complete HTML and CSS code for the block you just designed.


Once you have the codes, you can use them in your blog by pasting the CSS before the </head> section and the HTML after the <body> section of your blog template. Do you know any other tool which does a similar job or better? Share your ideas in the comments section.

Techie Buzz Verdict

Drawter is free and there are no signups required to use the service. I like the simplicity of the tool but one thing it lacks – you can’t code multiple pages at the same time. Yes, you can open Drawter in two separate browser tabs and design the pages. But it would be better if you can design two separate pages in the same browser tab, simultaneously.

Techie Buzz rating: 5/5 (perfect).

Facebook Testing New Design [Screenshots]

has been changing their design far too often these days. However, more often then not their new design and changes have been quickly slammed by users.

The last Facebook design change was pushed out last month, however, Business Insider is reporting that Facebook is working on a new design for the most popular social networking site on Earth.

Take a look at some of the screenshots below; courtesy BI.

New Facebook News Feed