It takes a single line of code to embed any of the Google Font families into your website design. Just substitute the font family in the following code (line #2) with the name of Google Font and copy-paste it inside the <head> tag of your HTML template.
<link href="http://fonts.googleapis.com/css?family=GOOGLE_FONT_FAMILY_NAME" rel="stylesheet" type="text/css" />
Page Speed and Google Web Fonts
While Google Fonts can make your website look good, there’s one related problem – they increase the page load time of your website because the font files have to downloaded on the visitor’s computer and some of them, like the Cabin Sketch font, can exceed 100 KB in size.
There is however an easy workaround to help you reduce the file size of the Google Fonts so that they do not reduce the load time of a web page. Instead of using the entire Google font family, you can specify a limited set of letters or digits that are used in your text and Google will dynamically generate a new font file containing only the requested characters.
How to Reduce the Size of Google Font Files
All you have to do is add a new text parameter to the Google font request URL and value of this parameter will have all the letters that you need.
For instance, if I need to render the text Digital Inspiration in Cabin Sketch font, the modified CSS requesting the Google font file will look something like this:
<link href='http://fonts.googleapis.com/css?family=Cabin+Sketch&text=DigitalInspiration' rel='stylesheet' type='text/css' />
The original Google font file was around 101 kb but with this limited text, the font file is reduced to 7.6 KB.
Google Fonts are commonly used to render the text of logos and and headings (h1, h2, h3, etc.) on a web page so you can modify the CSS accordingly. Alternatively, if you wish to request all alphabets and numerals in the Google Font but none of the extra glyphs, your font CSS will looking something like this:
<link href='http://fonts.googleapis.com/css?family=Cabin+Sketch&text=1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz%20' rel='stylesheet' type='text/css' />
The font file in this case is 37 KB in size and that’s still 64% lower than the original Google font file. Also, if you are wondering why I have included %20 in the text list, it represents the encoded space character. Similarly, you can add %27 and %22 to the list for single quote (‘) and double quote (") respectively.
1. The Invisible Car:
2. A Space Elevator:
3. Driverless Cars: Google received the patent for this technology
last year and is expected to use it in cars in the near future.
Currently, the technology is being tested at Nevada in the US. The car,
on a test, was claimed to be “like cruise control on steroids,” by Tom
Jacobs, chief public information officer at the Nevada Department of
Motor Vehicles (DMV).
4. Robotic Assistants: Robotic
assistants have helped improve lives, from helping paralyzed patients
walk, to picking up tools and assembling heavy machinery. Now although
the main paradigm behind robotic sciences is that knowledge of how to
program robots is limited to computer scientists and experts in robotic
sciences, but a study by the Georgia Institute of Technology in the
States predicts that every home will have a robotic assistant to help
with everyday tasks, especially since scientists are working on new
learning algorithms for machines that could be based on everyday language.
5. Flying Cars are here:
Flying cars used to be a part of spoofs in sci-fi movies, especially
because of the size of the notion, but Terrafugia, a company aimed at
providing innovative solutions to solve challenges facing personal
aviation. The car will be available at the 2012 New York auto show for
its pre-sale curtain-raiser.
6. Lab-grown meat: Dutch
scientists are looking into the possibility of generating lab-grown
meat that will be cultured from stem-cells of animal-muscle-tissue. They
say it will increase efficiency by 35 percent since the inch-long
strips of meat can mashed together to form a fillet, or a patty. PETA
(People for the Ethical Treatment of Animals) hopes to generate the same
result with chicken by the end of June this year.
7. A Moon Base:
Space agencies are planning to build a permanent base with regard to
the moon by establishing a station on its surface, or launching a
station to orbit it. They hope to further explore life on the moon by
doing so.
8. Mind-reading technology: IBM’s last 5 in 5 prediction revealed the possibility of developing mind-reading technologies,
but the blue giant is working towards the development of a computer
that responds to signals from your brain. The person controlling the
device wears a headset that detects and transmits your thoughts and 7.
sends them to a computer which instructs the machine about what to do.
The computer will also be able to read patterns in your thoughts so the
machine can learn and adapt to your thoughts specifically.
9. Flying Drones:
US President Barack Obama is reported to have already signed
legislation that allows the Federal Aviation Administration to allow US
police agencies to use remotely controlled drones in a few months. The
drones could be especially helpful for surveillance, but drone makers
are also currently researching the use of nonlethal weapons such as tear
gas, and stun guns which could be fired from the aerial drones.
10. Wireless Electricity:
Companies are researching the possibilities to make wireless charging
of cellphones a thing of the present, with wireless electricity. Other
devices, according to Mashable are expected to follow the trend, so one
can expect wireless electricity like Tesla’s demonstration to shock
devices and people watching.
