Styling Font- Family in CSS
Steps
in Styling Font-Family:
- In styling font-family, you need to use the NOTEPAD.
- Type the following style rule:
h1{font-family:"arial black";}
h2{font-family:"century gothic",cursive:}
p{font-family:"arial black";}
#sentence1{font-family:"calibri";} - Save this external style sheet as font-family.css
- Open another NOTEPAD.
- Type the following:
<html>
<head>
<title>Font Family</title>
</head>
<body>
<h1>This heading will have the font arial black</h1>
<h2>This main heading will have the font century gothic</h2>
<p>This paragraph wil have the font arial black</p>
<p id="sentence1">This Sentence will have the font calibri</p>
</body>
</html> - Apply your font-family.css style sheet file by
inserting a <link> tag in your HTML document similar to this :
<head>
<title>Font Family</title>
<meta charset="ulf-8">
<link rel="stylesheet" type="text/css" href="font-family.css">
</head> - Save this HTML document as styling-font-family.html.
- Test it in a browser.
Sample Output:
Your blog is helpful..
ReplyDeleteNice blog! 😃
ReplyDeleteHow Interesting i could use this someday
ReplyDeleteInteresting
ReplyDeleteThanks for this i have many ideas
ReplyDeleteReally Helpful
ReplyDeleteNice blog
ReplyDeleteWow
ReplyDeletenice catch
ReplyDeleteWow! so helpful!
ReplyDeletenow I know how to style my font using css. thanks for this
ReplyDeleteThis is really helpful!!
ReplyDeletethis is so helpful.
ReplyDeletegood job!
ReplyDeleteWell done
ReplyDeleteGreat job
ReplyDeletegreat! this is helpful
ReplyDeleteWow!
ReplyDeleteThank's for this! Hope you add more codes like this!
ReplyDelete