Now, whenever you visit the font family page of any of the fonts, you will see a link saying "Preview this font" that will load your font selection into the font previewer.
Here you can edit the text, change its size and line height, and add decorations and spacing among other things. You can even apply text shadow to your text.
The previewer will generate the corresponding code for you so all you have to do to start using the font on your own website is to copy and paste the stylesheet link and the CSS into your pages. In the example above this would be:
http://fonts.googleapis.com/css?family=Lobster:regular"
If you want to see the font sample without any distractions from the font previewer controls, you can do that as well simply by clicking "Toggle controls" in the upper right corner. This will show you a nice clean example of what the font would look like in your design.
rel="stylesheet" type="text/css" >
The previewer is a great way to try out web fonts and showcase what can be done with them.
Saturday 9 June 2012
The new google font previewer
The new Google font previewer lets you test drive all the fonts in the directory so you can decide which web font in theGoogle Font API works best for your requirements.
:)
:(
;)
:D
;;-)
:-/
:x
:P
:-*
=((
:-O
X(
:7
B-)
:-S
#:-S
7:)
:((
:))
:|
/:)
=))
O:-)
:-B
=;
:-c
:)]
~X(
:-h
:-t
8-7
I-)
8-|
L-)
:-a
:-$
[-(
:O)
8-
2:-P
(:|
=P~
#-o
=D7
:-SS
@-)
:^o
:-w
7:P
2):)
X_X
:!!
\m/
:-q
:-bd
^#(^
:ar!
0 comments:
Post a Comment