SEO

January 3, 2011

Guy Peellaert: Rock Reves 'n' Champagne Wishes

pix)

New Year's Fonts

The Google Font team is excited to announce the addition of a handful of high-quality web fonts for you to use freely on your website or blog. With this addition, the Google Font Directory has almost doubled in font selection compared to last month! We'd like to thank the font designers responsible for such a great collection of premium (and free) web fonts.

To use any of these new web fonts, simply click the "Use this font" tab on any of the font pages and paste the snippet into your pages. Google will take care of the rest. Without further delay, here is the all star lineup:

http://whatgetsmehot.posterous.com/new-years-fonts The Google Font team is excited to announce the addition of a handful of high-quality web fonts for you to use freely on your website or blog. With this addition, the Google Font Directory has almost doubled in font selection compared to last month! We'd like to thank the font designers responsible ... Dogmeat

!Reenie Beanie!

!Reenie Beanie!
" "
# #
$ $
% %
& &
' '
( (
) )
* *
+ +
, ,
- -
. .
/ /
0 0
1 1
2 2
3 3
4 4
5 5
6 6
7 7
8 8
9 9
: :
; ;
< <
= =
> >
? ?
@ @
A A
B BBeanie
C C
D D
E E
F F
G G
H H
I I
J J
K K
L L
M M
N N
O O
P P
Q Q
R RReenie
S S
T T
U U
V V
W W
X X
Y Y
Z Z
[ [
\ \
] ]
^ ^
_ _
` `
a a
b b
c c
d d
e e
f f
g g
h h
i i
j j
k k
l l
m m
n n
o o
p p
q q
r r
s s
t t
u u
v v
w w
x x
y y
z z
{ {
| |
} }
~ ~
¡ ¡
¢ ¢
£ £
¤ ¤
¥ ¥
¦ ¦
§ §
¨ ¨
© ©
ª ª
« «
¬ ¬
® ®
¯ ¯
° °
± ±
² ²
³ ³
´ ´
µ µ
¶ ¶
· ·
¸ ¸
¹ ¹
º º
» »
¼ ¼
½ ½
¾ ¾
¿ ¿
À À
Á Á
 Â
à Ã
Ä Ä
Å Å
Æ Æ
Ç Ç
È È
É É
Ê Ê
Ë Ë
Ì Ì
Í Í
Î Î
Ï Ï
Ð Ð
Ñ Ñ
Ò Ò
Ó Ó
Ô Ô
Õ Õ
Ö Ö
× ×
Ø Ø
Ù Ù
Ú Ú
Û Û
Ü Ü
Ý Ý
Þ Þ
ß ß
à à
á á
â â
ã ã
ä ä
å å
æ æ
ç ç
è è
é é
ê ê
ë ë
ì ì
í í
î î
ï ï
ð ð
ñ ñ
ò ò
ó ó
ô ô
õ õ
ö ö
÷ ÷
ø ø
ù ù
ú ú
û û
ü ü
ý ý
þ þ
ÿ ÿ
– –
— —
‘ ‘
’ ’
‚ ‚
“ “
” ”
„ „
• •
‹ ‹
› ›

 

To embed Reenie Beanie into your web page copy the following code as the first element in the <head> of your html document.

<link href='http://fonts.googleapis.com/css?family=Reenie+Beanie' rel='stylesheet' type='text/css'>

The API will generate the necessary CSS specific to the user's browser so you can use the font on your page. Simply use the font Reenie Beanie in your CSS font stack like any other font, for example:

h1 { font-family: 'Reenie Beanie', arial, serif; }

You can omit the parameter for the variants you don't need. We suggest you only reference the variants you actually use on your page to keep loading times as short as possible.

Developer's Guide

Learn more about how you can use the API by reading the Font API developer's guide

Advanced techniques

@import

Instead of using a link tag, you can make the call to the Font API using @import at the top of your stylesheet:

@import url(http://fonts.googleapis.com/css?family=Reenie+Beanie);

The URL is built the same way it would be with the link tag.

http://whatgetsmehot.posterous.com/reenie-beanie !Reenie Beanie! " " # # $ $ % % & & ' ' ( ( ) ) * * + + , , - - . . / / 0 0 1 1 2 2 3 3 4 4 5 5 6 6 7 7 8 8 9 9 : : ; ; = = > > ? ? @ @ A A “B BBeanie” C C D D E E F F G G H H I I J J K K L L M M N N O O P P Q Q “R RReenie„ S S T T U U V V W W ... Dogmeat