How to make use of Kernest Fonts in your Website?
Posted by Joys of Programming on in Web
Kernest is a collection of web fonts. If you are not aware of what is a web font, you can refer the article on using Google Fonts in your website.
Choose a font from Kernest and get the associated link of the font. For example, let’s use Gamaliel. The associated link is
http://kernest.com/fonts/gamaliel.css
To use this font, we must specify this link as the CSS style
<link href="http://kernest.com/fonts/gamaliel.css" media="screen" rel="stylesheet" type="text/css"
Now let’s write a small stylesheet which makes use of this font. All you have to do is to specify Gamaliel as the font family
<style>
h1 {
font-family: 'gamaliel',arial,serif;
font-size: 52px;
}
</style>
As you can see, I am using Gamaliel for the h1 tag
This font can be seen in action here.
The source code of the page is
<html>
<head>
<title>Kernest Fonts: Examples- Joys of Programming</title>
<link href="http://kernest.com/fonts/gamaliel.css" media="screen" rel="stylesheet" type="text/css"
<style>
h1 {
font-family: 'gamaliel',arial,serif;
font-size: 52px;
}
</style>
</head>
<body>
<h1>Joys of Programming: Experimenting with Kernest Fonts</h1>
</body>
</html>
With web fonts, you can turn your web site with any great looking fonts- something similar to those found in books
Comments:
Translate
Search
Custom Search