With Google web fonts, designers have many options to choose from.
All Google Fonts are free for commercial and personal use.
The fonts are easy to implement on your website.
Link: Google Fonts
<html>
<head>
<title>IT present - Geostar</title>
<style>
@import url(
https://fonts.googleapis.com/css?family=Geostar);
h1 {
font-family: 'Geostar';
color: #008080;
}
p {
font-family: 'Geostar';
color: #008080;
}
</style>
</head>
<body>
<h1>Google Font: geostar </h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</body>
</html>
result:
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
<html>
<head>
<title>IT present - Kenia</title>
<style>
@import url(
https://fonts.googleapis.com/css?family=Kenia);
h1 {
font-family: 'Kenia';
color: #008080;
}
p {
font-family: 'Kenia';
color: #008080;
}
</style>
</head>
<body>
<h1>Google Font: Kenia </h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</body>
</html>
result:
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
<html>
<head>
<title>IT present - Kumar One Outline</title>
<style>
@import url(
https://fonts.googleapis.com/css?family=Kumar+One+Outline);
h1 {
font-family: 'Kumar One Outline';
color: #008080;
}
p {
font-family: 'Kumar One Outline';
color: #008080;
}
</style>
</head>
<body>
<h1>Google Font: Kumar One Outline</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</body>
</html>
result:
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
<html>
<head>
<title>IT present - Black And White Picture</title>
<style>
@import url(
https://fonts.googleapis.com/css?family=Black+And+White+Picture);
h1 {
font-family: 'Black And White Picture';
color: #008080;
}
p {
font-family: 'Black And White Picture';
color: #008080;
}
</style>
</head>
<body>
<h1>Google Font: Black And White Picture</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</body>
</html>
result:
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
<html>
<head>
<title>IT present - Goblin One</title>
<style>
@import url( https://fonts.googleapis.com/css?family=Goblin+One);
h1 {
font-family: 'Goblin One';
color: #008080;
}
p {
font-family: 'Goblin One';
color: #008080;
}
</style>
</head>
<body>
<h1>Google Font: Goblin One</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</body>
</html>
result:
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
<html>
<head>
<title>IT present - Monofett</title>
<style>
@import url(
https://fonts.googleapis.com/css?family=Monofett);
h1 {
font-family: 'Monofett';
color: #008080;
}
p {
font-family: 'Monofett';
color: #008080;
}
</style>
</head>
<body>
<h1>Google Font: Monofett</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</body>
</html>
result:
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
<html>
<head>
<title>IT present - Londrina Shadow</title>
<style>
@import url(
https://fonts.googleapis.com/css?family=Londrina+Shadow);
h1 {
font-family: 'Londrina Shadow';
color: #D2691E;
}
p {
font-family: 'Londrina Shadow';
color: #D2691E;
}
</style>
</head>
<body>
<h1>Google Font: Londrina Shadow</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</body>
</html>
result:
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
<html>
<head>
<title>IT present - Arbutus</title>
<style>
@import url(
https://fonts.googleapis.com/css?family=Arbutus);
h1 {
font-family: 'Arbutus';
color: #008080;
}
p {
font-family: 'Arbutus';
color: #008080;
}
</style>
</head>
<body>
<h1>Google Font: Arbutus</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</body>
</html>
result:
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
<html>
<head>
<title>IT present - Iceberg</title>
<style>
@import url(
https://fonts.googleapis.com/css?family=Iceberg);
h1 {
font-family: 'Iceberg';
color: #008080;
}
p {
font-family: 'Iceberg';
color: #008080;
}
</style>
</head>
<body>
<h1>Google Font: Iceberg</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</body>
</html>
result:
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
<html>
<head>
<title>IT present - Smokum</title>
<style>
@import url(
https://fonts.googleapis.com/css?family=Smokum);
h1 {
font-family: 'Smokum';
color: #008080;
}
p {
font-family: 'Smokum';
color: #008080;
}
</style>
</head>
<body>
<h1>Google Font: Smokum</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</body>
</html>
result:
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
<html>
<head>
<title>IT present - Sancreek</title>
<style>
@import url(
https://fonts.googleapis.com/css?family=Sancreek);
h1 {
font-family: 'Sancreek';
color: #008080;
}
p {
font-family: 'Sancreek';
color: #008080;
}
</style>
</head>
<body>
<h1>Google Font: Sancreek</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</body>
</html>
result:
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.