Archive for the ‘WebFont Loader’ tag
WebFont Loader
Google’s new app WebFont Loader rocks!!, let`s you to add web fonts to your pages and
you don’t need to do any programming, just a basic knowledge of HTML & CSS (vary basic)
here’s a quick example:
just copy and paste the following code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <html>
<head>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Reenie+Beanie">
<style>
body {
font-family: 'Reenie Beanie', serif;
font-size: 48px;
}
</style>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html> |
and you will see something line this
Hello World!
in deep:
here we add a stylesheet link to request the desired web font
1 | <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Reenie+Beanie"> |
here we style an element with our web font
1 2 3 4 | body { font-family: 'Reenie Beanie', serif; font-size: 48px; } |
so now you can see how easy is to use this new app!
for more info:
How to Use the Google Font Directory With WordPress
Getting Started
Google Font Directory