<![CDATA[<body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#0000ff" alink="#0099ff" MARGINWIDTH=0 LEFTMARGIN=0 MARGINHEIGHT=0 TOPMARGIN=0 onload="stoperrors()"><!--'"</title></head>-->
<script type="text/javascript">
//OwnerIQ
var __oiq_pct = 50;
if( __oiq_pct>=100 || Math.floor(Math.random()*100/(100-__oiq_pct)) > 0 ) {
var _oiqq = _oiqq || [];
_oiqq.push(['oiq_addPageBrand','Lycos']);
_oiqq.push(['oiq_addPageCat','Internet > Websites']);
_oiqq.push(['oiq_addPageLifecycle','Intend']);
_oiqq.push(['oiq_doTag']);
(function() {
var oiq = document.createElement('script'); oiq.type = 'text/javascript'; oiq.async = true;
oiq.src = document.location.protocol + '//px.owneriq.net/stas/s/lycosn.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(oiq, s);
})();
}
/////// Google Analytics
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-21402695-21']);
_gaq.push(['_setDomainName', 'angelfire.com']);
_gaq.push(['_setCustomVar', 1, 'member_name', 'fl5/html-tutorial', 3]);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
////// Lycos Initialization /////////////////////
var lycos_ad = Array();
var lycos_search_query = "";
var lycos_onload_timer;
var cm_role = "live";
var cm_host = "angelfire.lycos.com";
var cm_taxid = "/memberembedded";
var angelfire_member_name = "fl5/html-tutorial";
var angelfire_member_page = "fl5/html-tutorial/a/fontpick.htm";
var angelfire_ratings_hash = "1737061114:7200b082992448a21cc16e1e41c4279c";
var lycos_ad_category = {"dmoz":"arts\/animation","ontarget":"&CAT=family%20and%20lifestyles&L2CAT=hobbies","find_what":"how to design web page"};
var lycos_ad_remote_addr = "209.202.244.9";
var lycos_ad_www_server = "www.angelfire.lycos.com";
var edit_site_url = "www.angelfire.lycos.com/landing/landing.tmpl?utm_source=house&utm_medium=landingpage&utm_campaign=toolbarlink";
</script>
<script type="text/javascript" src="https://scripts.lycos.com/catman/init.js"></script>
<script type='text/javascript'>
var googletag = googletag || {};
googletag.cmd = googletag.cmd || [];
(function() {
var gads = document.createElement('script');
gads.async = true;
gads.type = 'text/javascript';
var useSSL = 'https:' == document.location.protocol;
gads.src = (useSSL ? 'https:' : 'http:') +
'//www.googletagservices.com/tag/js/gpt.js';
var node = document.getElementsByTagName('script')[0];
node.parentNode.insertBefore(gads, node);
})();
</script>
<script type='text/javascript'>
googletag.cmd.push(function() {
googletag.defineSlot('/95963596/ANG_300x250_dfp', [300, 250], 'div-gpt-ad-1450207484070-0').addService(googletag.pubads());
googletag.enableServices();
});
</script>
<script type='text/javascript'>
googletag.cmd.push(function() {
googletag.defineSlot('/95963596/ANG_above_728x90_dfp', [728, 90], 'div-gpt-ad-1450207484070-1').addService(googletag.pubads());
googletag.enableServices();
});
</script>
<script type='text/javascript'>
googletag.cmd.push(function() {
googletag.defineSlot('/95963596/ANG_below_728X90_dfp', [728, 90], 'div-gpt-ad-1450207484070-2').addService(googletag.pubads());
googletag.enableServices();
});
</script>
<script type="text/javascript">
(function(isV) {
if (!isV) {
return;
}
//this.lycos_search_query = lycos_get_search_referrer();
var adMgr = new AdManager();
var lycos_prod_set = adMgr.chooseProductSet();
var slots = ["leaderboard", "leaderboard2", "toolbar_image", "toolbar_text", "smallbox", "top_promo", "footer2","slider"];
var adCat = this.lycos_ad_category;
adMgr.setForcedParam('page', (adCat && adCat.dmoz) ? adCat.dmoz : 'member');
if (this.lycos_search_query) {
adMgr.setForcedParam("keyword", this.lycos_search_query);
}
else if (adCat && adCat.find_what) {
adMgr.setForcedParam('keyword', adCat.find_what);
}
for (var s in slots) {
var slot = slots[s];
if (adMgr.isSlotAvailable(slot)) {
this.lycos_ad[slot] = adMgr.getSlot(slot);
}
}
adMgr.renderHeader();
adMgr.renderFooter();
}((function() {
var w = 0, h = 0, minimumThreshold = 300;
if (top == self) {
return true;
}
if (typeof(window.innerWidth) == 'number' ) {
w = window.innerWidth;
h = window.innerHeight;
}
else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
w = document.documentElement.clientWidth;
h = document.documentElement.clientHeight;
}
else if (document.body && (document.body.clientWidth || document.body.clientHeight)) {
w = document.body.clientWidth;
h = document.body.clientHeight;
}
return ((w > minimumThreshold) && (h > minimumThreshold));
}())));
window.onload = function() {
var f = document.getElementById("lycosFooterAd");
var b = document.getElementsByTagName("body")[0];
b.appendChild(f);
f.style.display = "block";
document.getElementById('lycosFooterAdiFrame').src = '/adm/ad/footerAd.iframe.html';
// Slider Injection
(function() {
var e = document.createElement('iframe');
e.style.border = '0';
e.style.margin = 0;
e.style.display = 'block';
e.style.cssFloat = 'right';
e.style.height = '254px';
e.style.overflow = 'hidden';
e.style.padding = 0;
e.style.width = '300px';
})();
// Bottom Ad Injection
( function() {
var b = document.getElementsByTagName("body")[0];
var iif = document.createElement('iframe');
iif.style.border = '0';
iif.style.margin = 0;
iif.style.display = 'block';
iif.style.cssFloat = 'right';
iif.style.height = '254px';
iif.style.overflow = 'hidden';
iif.style.padding = 0;
iif.style.width = '300px';
iif.src = '/adm/ad/injectAd.iframe.html';
var cdiv = document.createElement('div');
cdiv.style = "width:300px;margin:10px auto;";
cdiv.appendChild( iif );
if( b )
{
b.insertBefore(cdiv, b.lastChild);
}
})();
}
</script>
<style>
#body .adCenterClass {
margin:0 auto;
display:block !important;
overflow:hidden;
width:100%;
}
#body .adCenterClass #ad_container {
display:block !important;
float:left;
width:728px;
}
@media (min-width: 768px) {
<!-- For 300px or less ads ONLY -->
#body .adCenterClass #ad_container {
width: calc(100% - 372px);
}
}
@media (min-width: 1110px) {
<!-- For 728px or less ads -->
#body .adCenterClass #ad_container {
width: calc(100% - 372px);
}
}
</style>
<div style="background:#abe6f6; border-bottom:1px solid #507a87; position:relative; z-index:9999999">
<div class="adCenterClass">
<a href="https://www.angelfire.lycos.com/" title="Angelfire.com: build your free website today!" style="display:block; float:left; width:186px; border:0">
<img src="/adm/ad/angelfire-freeAd.jpg" alt="Site hosted by Angelfire.com: Build your free website today!" style="display:block; border:0" />
</a>
<div id="ad_container">
<script type="text/javascript">document.write(lycos_ad['leaderboard']);</script>
</div>
</div>
</div>
<!-- ///////////////////////////////////// -->
<script type="text/javascript">document.write(lycos_ad['slider']);</script>
<div id="lycosFooterAd" style="background:#abe6f6; border-top:1px solid #507a87; clear:both; display:none; position:relative; z-index:9999999">
<div class="adCenterClass" style="display:block!important; overflow:hidden; width:936px;">
<div id="aflinksholder" style="float:left; width:186px;">
<a href="https://www.angelfire.lycos.com/" title="Angelfire.com: build your free website today!" style="display:block; border:0">
<img src="/adm/ad/angelfire-freeAd2.jpg" alt="Site hosted by Angelfire.com: Build your free website today!" style="display:block; border:0" />
</a>
</div>
<iframe id="lycosFooterAdiFrame" style="border:0; display:block; float:left; height:96px; overflow:hidden; padding:0; width:750px"></iframe>
</div>
</div>
<!--- UNDERDOGMEDIA EDGE_lycos.com JavaScript ADCODE START--->
<script data-cfasync="false" language="javascript" async src="//udmserve.net/udm/img.fetch?sid=17754;tid=1;dt=6;"></script>
<!--- UNDERDOGMEDIA EDGE_lycos.com JavaScript ADCODE END--->
<TABLE width="100%" cellspacing=0 cellpadding=5 border=0><TR><TD> </TD><TD valign="top"><CENTER><FONT size="6" color="#0099FF"><H1>interactive font selection tool</H1></FONT><font size=2 face="tahoma, arial" color="#000000"><B>this interactive tool will display any font you choose, type in the name of a font or choose from one of the hundred or so fonts listed but please note that for a font to be displayed the font must be installed on your computer<BR><BR>choose from any of these fonts<BR><BR><FONT color="#FF0000">note: </FONT>most browsers prefer font names to be lower case<BR>go to the <A HREF="../fontlist.htm" TARGET="_top">font list</A> and see these fonts in both uppercase and lowercase</b></FONT><BR><BR><TABLE BORDER="0"><TR><TD bgcolor="#0000FF"><CENTER><font size=2 face="tahoma, arial" color="#0099FF"><B>fonts lower case</b></FONT></CENTER></TD></TR><TR><TD VALIGN="top"><font size="2" color="#000000"><OL>
<LI><FONT face="Academy Engraved LET">academy engraved let</FONT>
<LI><FONT face="algerian">algerian</FONT>
<LI><FONT face="Amaze">amaze</FONT>
<LI><FONT face="arial">arial</FONT>
<LI><FONT face="arial black">arial black</FONT>
<LI><FONT face="Balthazar">balthazar</FONT>
<LI><FONT face="BankGothic Lt BT">bankgothic lt bt</FONT>
<LI><FONT face="bart">bart</FONT>
<LI><FONT face="Bimini">bimini</FONT>
<LI><FONT face="comic sans ms">comic sans ms</FONT>
<LI><FONT face="book antiqua">book antiqua</FONT>
<LI><FONT face="bookman old style">bookman old style</FONT>
<LI><FONT face="braggadocio">braggadocio</FONT>
<LI><FONT face="britannic bold">britannic bold</FONT>
<LI><FONT face="brush script mt">brush script mt</FONT>
<LI><FONT face="century gothic">century gothic</FONT>
<LI><FONT face="century schoolbook">century schoolbook</FONT>
<LI><FONT face="Chasm">chasm</FONT>
<LI><FONT face="chicago">chicago</FONT>
<LI><FONT face="colonna mt">colonna mt</FONT>
<LI><FONT face="CommercialScript BT">commercialscript bt</FONT>
<LI><FONT face="Coolsville">coolsville</FONT>
<LI><FONT face="courier">courier</FONT>
<LI><FONT face="courier new">courier new</FONT>
<LI><FONT face="cursive">cursive</FONT>
<LI><FONT face="Dayton">dayton</FONT>
<LI><FONT face="desdemona">desdemona</FONT>
<LI><FONT face="fantasy">fantasy</FONT>
<LI><FONT face="Flat Brush">flat brush</FONT>
<LI><FONT face="footlight mt light">footlight mt light</FONT>
<LI><FONT face="Futurablack BT">futurablack bt</FONT>
<LI><FONT face="Futuralight BT">futuralight bt</FONT>
<LI><FONT face="garamond">garamond</FONT>
<LI><FONT face="gaze">gaze</FONT>
<LI><FONT face="geneva">geneva</FONT>
<LI><FONT face="georgia">georgia</FONT>
<LI><FONT face="Geotype TT">geotype tt</FONT>
<LI><FONT color="#FF0000" face="arial">(*above: Geotype TT)</FONT>
<LI><FONT face="helterskelter">helterskelter</FONT>
<LI><FONT face="helvetica">helvetica</FONT>
<LI><FONT face="herman">herman</FONT>
<LI><FONT face="Highlight LET">highlight let</FONT>
<LI><FONT face="impact">impact</FONT>
<LI><FONT face="Jester">jester</FONT>
<LI><FONT face="Joan">joan</FONT>
<LI><FONT face="John Handy LET">john handy let</FONT>
<LI><FONT face="Jokerman LET">jokerman let</FONT>
<LI><FONT face="Kelt">kelt</FONT>
<LI><FONT face="Kids">kids</FONT>
<LI><FONT face="kino mt">kino mt</FONT>
<LI><FONT face="La Bamba LET">la bamba let</FONT>
<LI><FONT face="Lithograph">lithograph</FONT>
<LI><FONT face="Lucida Console">lucida console</FONT>
<LI><FONT face="map symbols">map symbols</FONT>
<LI><FONT face="Marlett">marlett</FONT>
<LI><FONT color="#FF0000" face="arial">(*above: Marlett)</FONT>
<LI><FONT face="matteroffact">matteroffact</FONT>
<LI><FONT face="Matisse ITC">matisse itc</FONT>
<LI><FONT face="matura mt script capitals">matura mt script capitals</FONT>
<LI><FONT size="5" face="Mekanik LET">mekanik let</FONT>
<LI><FONT color="#FF0000" face="arial">(*above: mekanik let)</FONT>
<LI><FONT face="monaco">monaco</FONT>
<LI><FONT face="monospace">monospace</FONT>
<LI><FONT face="monotype sorts">monotype sorts</FONT>
<LI><FONT face="ms line draw">ms linedraw</FONT>
<LI><FONT face="new york">new york</FONT>
<LI><FONT face="OldDreadfulNo7 BT">olddreadfulno7 bt</FONT>
<LI><FONT color="#FF0000" face="arial">(*above: OldDreadfulNo7 BT)</FONT>
<LI><FONT face="orange LET">orange let</FONT>
<LI><FONT face="palatino">palatino</FONT>
<LI><FONT face="playbill">playbill</FONT>
<LI><FONT face="Pump Demi Bold LET">pump demi bold let</FONT>
<LI><FONT face="puppylike">puppylike</FONT>
<LI><FONT face="Roland">roland</FONT>
<LI><FONT face="sans-serif">sans-serif</FONT>
<LI><FONT face="ScriptS">scripts</FONT>
<LI><FONT face="Scruff LET">scruff let</FONT>
<LI><FONT face="Serif">serif</FONT>
<LI><FONT face="Short Hand">short hand</FONT>
<LI><FONT face="Signs Normal">signs normal</FONT>
<LI><FONT color="#FF0000" face="arial">(*above: Signs Normal)</FONT>
<LI><FONT face="simplex">simplex</FONT>
<LI><FONT face="simpson">simpson</FONT>
<LI><FONT face="Stylus BT">stylus bt</FONT>
<LI><FONT face="SuperFrench">superfrench</FONT>
<LI><FONT face="Surfer">surfer</FONT>
<LI><FONT face="Swis721 BT">swis721 bt</FONT>
<LI><FONT face="Swis721 BlkOul BT">swis 721 blkoul bt</FONT>
<LI><FONT face="Symap">symap</FONT>
<LI><FONT color="#FF0000" face="arial">(*above: Symap)</FONT>
<LI><FONT face="symbol">symbol</FONT>
<LI><FONT color="#FF0000" face="arial">(*above: symbol)</FONT>
<LI><FONT face="tahoma">tahoma</FONT>
<LI><FONT face="Technic">technic</FONT>
<LI><FONT face="Tempus Sans ITC">tempus sans itc</FONT>
<LI><FONT face="Terk">terk</FONT>
<LI><FONT face="times">times</FONT>
<LI><FONT face="times new roman">times new roman</FONT>
<LI><FONT face="trebuchet MS">trebuchet ms</FONT>
<LI><FONT face="TRENDY">trendy</FONT>
<LI><FONT face="Txt">txt</FONT>
<LI><FONT face="verdana">verdana</FONT>
<LI><FONT face="Victorian LET">victorian let</FONT>
<LI><FONT face="Vineta BT">vineta bt</FONT>
<LI><FONT face="Vivian">vivian</FONT>
<LI><FONT face="webdings">webdings</FONT>
<LI><FONT color="#FF0000" face="arial">(*above: Webdings)</FONT>
<LI><FONT face="wingdings">wingdings</FONT>
<LI><FONT color="#FF0000" face="arial">(*above: Wingdings)</FONT>
<LI><FONT face="Western">western</FONT>
<LI><FONT face="Westminster">westminster</FONT>
<LI><FONT face="Westwood LET">westwood let</FONT>
<LI><FONT color="#FF0000" face="arial">(*above: Westwood LET)</FONT>
<LI><FONT face="wide latin">wide latin</FONT>
<LI><FONT face="ZapfEllipt bt">zapfellipt bt</FONT>
</OL></FONT></TD></TR><TR><TD bgcolor="#0000FF"><CENTER><font size=2 face="tahoma, arial" color="#0099FF"><B> </b></FONT></CENTER></TD></TR></TABLE><BR>
<font size="1" face="tahoma, arial"><B><CENTER>
<script TYPE="text/javascript">
//if the user is using IE 4+
if (document.all)
document.write('<a href="javascript:addbookmark()"><u>click here to bookmark this site!</u></a>')
else
document.write('press Ctrl and D to bookmark this page')
</script>
<br>
<A HREF="../index.html" TARGET="_top">html tutorial</A>
<BR>
</CENTER></b></FONT>
</TD>
<TD height="140" valign="top" bgcolor="#0000FF" width="140" rowspan=3><center>
<A HREF="../index.html" TARGET="_top"><IMG height="125" width="125" valign="top" SRC="../links.gif" border="0"></A><BR>
</center></TD></TR></TABLE>
</body>
]]>