Tag: google

How to show any font in your site with Google Fonts and Cufon

Unfortunately, to display texts using not defaults fonts, this fonts must be installed in user’s computer. What is a problem to the designers.

Now I show two ways to solve that, Google Web Fonts and Cufon.

Google Web Fonts

This tool, unfortunately, have a limited number of fonts that can be used, but your rendering is faster than Cufon.

How to use:

  • First, you must choose the fonts for your site. Go to http://www.google.com/webfonts.
  • Click “Add to Collection” to choose them. In this tutorial I’ve selected “Eater“, “Give You Glory” and “Bonbon“. Memorize their names to later.
  • In the blue bar below, click “Use“. Will be displayed tips for fonts and some methods to attach in your site (“3. Add this code to your website“). I’ve selected the tab “@import”:

  • Copy text box content and past in <style type=”text/css”>…</style> tag:
<style type="text/css">
@import url(http://fonts.googleapis.com/css?family=Eater|Give+You+Glory|Bonbon);
</style>
  • Use their names in “font-family” normally:
    <p style="font-family:Eater">Fonte Eater</p>
    <p style="font-family:Give You Glory">Fonte Give You Glory</p>
    <p style="font-family:Bonbon">Fonte Bonbon</p>
    

Google Web Fonts is ready to use!

Cufon

Has long been used, inclusive some WordPress templates. It allows use any fonts, an advantage against Google Web Fonts. Uploading the font, it generates scripts to be used in your site. At current version (1.09), Cufon uses Canvas, taking more processing time and some browsers doesn’t support it.

How to:

  • Download .js file. Open URL http://cufon.shoqolate.com/generate/, right click “Download” and “Save As…” (or “Salve Link As…“).
  • Continuing at http://cufon.shoqolate.com/generate/, upload your font filling “Regular typeface” field. If you want bold and/or italic, upload respective files in “Bold typeface“, “Italic typeface” and “Bold italic typeface“, not mandatory.
  • Check “The EULAs of these fonts allow Web Embedding” (basically informs that you allowed to use these fonts), configure how font will be used in your site setting configuration fields and read terms and check “I acknowledge and accept these terms“, if agree.
  • Click “Let’s do this” to download another .js file, referencing fonts uploaded.
  • Attach javascripts (.js files) in HTML file:
<script type="text/javascript" language="JavaScript" src="<PATH>/cufon-yui.js"></script>
<script type="text/javascript" language="JavaScript" src="<PATH>/<FONT>.js"></script>
  • Let’s put Cufon to work! Call “replace” method of “Cufon” object, setting tag name…:
<script type="text/javascript" language="JavaScript">
//Replaces fonts of tags H1
Cufon.replace('h1');
</script>
  • Or id attribute:
<script type="text/javascript" language="JavaScript">
//Replaces font of tags with id="header"
Cufon.replace('#header');
</script>
  • Or CSS class
<script type="text/javascript" language="JavaScript">
//Replaces font of tags with class="highlight"
Cufon.replace('.highlight');
</script>
  • You can set more fonts, setting attribute “fontFamily” in method “replace“, this way:
<script type="text/javascript" language="JavaScript">
Cufon.replace('h1', {fontFamily: 'Font 1'});
Cufon.replace('#tagID', {fontFamily: 'Font 2});
Cufon.replace('.class', {fontFamily: 'Font 3});
</script>

Cufon is ready!

Click here to download this tutorial.

Now, there is no limit to fonts!


Utter! – It’s a super Android Voice Recognition App


Android comes with Voice Actions, voice recognition app, that allows you to control your smartphone speaking some commands. It’s a very limited in comparison with Síri, Apple’s voice recognition app.

Utter!, application in development by XDA Developers members, can take off this disadvantage.

Applications available in Android Market can execute some internal commands, like calculus or know about weather. The Utter! can consult many third party applications or services and bring back with your results.

Utter! is not available to download yet, but you can see how it work in the video bellow.
O aplicativo ainda não está disponível, mas você pode ver como ele funciona no vídeo abaixo:


[Via: Phandroid]


Google launches Chrome for Android, finally!

 

You can’t know but default Android’s browser isn’t Chrome, only a implementation of Webkit.

Today(7), quietly, Google published the beta version of your browser in Android Market. But, only the ICS (Ice Cream Sandwich), or above, is able to run it. I hope the Google change it to a most “accessible” version.

 

The video below shows Chrome in action.


Android Market

Unfortunately I don’t have the Ice Cream Sandwich to write a review, but read complete description and comments of who already downloaded the brownser from Android Market.

If you uses Chrome, share your experience with us. 😉

See ya!


Google Analytics – New real-time report

A few weeks ago Google released a beta version of Google Analytics’s reports in real time. It’s possible see number of people visiting your website, wich pages they are acessing, where they are from and how they got there.

But, not all accounts can have this option enabled.

To access the report, after the login and choose the profile, click on “Home” and click “Real-Time (beta)” in the left menu.


Apps can’t miss in your Android – Listen

You, that follows podcasts around the world and don’t have a computer all time to download them and copy them to your smartphone, can use Listen.

This application, developed by Google, allows you to find podcasts and subscribe to it. Podcast that aren’t found by search, can be subscribed manually in “My subscriptions” options.

Here, with brazilian 3G quality, you will get a continuous audio (without buffer pauses) using the wi-fi connection or hearing tracks with 96kbps or less.

The Listen allows you download audios to listen it after, when you want and without internet connection.

Link: Listen
Price: Free
Advertisement: No
Rating*: 3,8/5

* Rating obtained until publication

  • Advertisement

  • Advertisement

  • Copyright © 1996-2010 André L. S.. All rights reserved.
    iDream theme by Templates Next | Powered by WordPress