Switch to full style
HTML code examples
Post a reply

Using two different fonts in the same webpage

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-familyVerdanaArialsans-serif;
  
font-size18px;
  
width:200px;
   
color:#541264;
}
div.FontTwo {
  
font-familyArialHelveticasans-serif;
  
font-size18px;
  
width:200px;
  
color:#541264;
}


</
style>
</
head>

<
body>
<
div class="FontOne">

<
>In this example we use VerdanaArialsans-serif font family</p>
</
div>
<
br/>
<
div class="FontTwo">

<
>In this example we use ArialHelveticasans-serif font family</p>
</
div>
</
body>
</
html>
 




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

Topic Tags

HTML Font