Using two different fonts in the same webpage

msi_333 · **Posted:** Thu Feb 23, 2012 12:48 am

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>
 

Using two different fonts in the same webpage

Users browsing similar codes