Using two different fonts in the same webpage

In this example we use two font families in the same html page using CSS attributes .

Code:

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<head>
  <title>Use two different fonts in the same webpage </title>
  <style rel="stylesheet" type="text/css">

div.FontOne {
  font-family: Verdana, Arial, sans-serif;
  font-size: 18px;
  width:200px;
   color:#541264;
}
div.FontTwo {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  width:200px;
  color:#541264;
}


</style>
</head>

<body>
<div class="FontOne">

<p >In this example we use Verdana, Arial, sans-serif font family</p>
</div>
<br/>
<div class="FontTwo">

<p >In this example we use Arial, Helvetica, sans-serif font family</p>
</div>
</body>
</html>
 

_________________
M. S. Rakha, Ph.D.
Queen's University
Canada

Author: DrRakha
Mastermind

Posts: 2715
Have thanks: 74 time

Page 1 of 1

[ 1 post ]

Related Posts to : Using two different fonts in the same webpage
Fonts in java -
Use TrueType Fonts in php -
redirect webpage using meta tag -
Automatic change to webpage background image -

Topic Tags

HTML Font

Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
All copyrights reserved to codemiles.com 2007-2011
mileX v1.0 designed by codemiles team
Codemiles.com is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com