SitePoint Sponsor |
|
User Tag List
Results 1 to 4 of 4
Thread: font size on style or Javascript
-
Jan 7, 2002, 20:05 #1
- Join Date
- May 2001
- Location
- hong kong
- Posts
- 214
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
font size on style or Javascript
I don't know which part of codes affect the font size of the page.. So any kind person can teach me
This is the codes between <Head>..</Head>
<script type="text/javascript" language="javascript">
<!--
var isDOM = (typeof(document.getElementsByTagName) != 'undefined'
&& typeof(document.createElement) != 'undefined')
? 1 : 0;
var isIE4 = (typeof(document.all) != 'undefined'
&& parseInt(navigator.appVersion) >= 4
&& !typeof(window.opera))
? 1 : 0;
var isNS4 = (typeof(document.layers) != 'undefined')
? 1 : 0;
var capable = (isDOM || isIE4 || isNS4)
? 1 : 0;
// Uggly fix for Konqueror 2.2 that is half DOM compliant
if (capable && typeof(navigator.userAgent) != 'undefined') {
var browserName = ' ' + navigator.userAgent.toLowerCase();
if (browserName.indexOf('konqueror') > 0) {
capable = 0;
}
}
var fontFamily = 'verdana, helvetica, arial, geneva, sans-serif';
var fontSize = 'small';
var fontBig = 'large ';
var fontSmall = '90%';
var isServer = true;
showMenus = new Array();
//-->
</script>
<noscript>
<style type="text/css">
<!--
div {color: #000000}
.heada {font-family: verdana, helvetica, arial, geneva, sans-serif; font-size: small; color: #000000}
.headaCnt {font-family: verdana, helvetica, arial, geneva, sans-serif; font-size: 90%; color: #000000}
.parent {font-family: verdana, helvetica, arial, geneva, sans-serif; color: #000000; text-decoration: none}
.child {font-family: verdana, helvetica, arial, geneva, sans-serif; font-size: 90%; color: #333399; text-decoration: none}
.item, .item:active, .item:hover, .tblItem, .tblItem:active {color: #333399; text-decoration: none}
.tblItem:hover {color: #FF0000; text-decoration: underline}
//-->
</style>
</noscript>
<style type="text/css">
<!--
body {font-family: verdana, helvetica, arial, geneva, sans-serif; font-size: small}
//-->
</style>
<style>
<!--
a { text-decoration: none }
a:hover { color: #00FFFF; text-decoration: underline }
.mnuOnClick { cursor: hand; color: #FFFFFF; }
.mnuOnClick:hover { text-decoration:none; color: #FFFFFF; }
//-->
</style>
Since font size is already be set to small.. How to make it smaller as it is still very large in the page...Or should I change font-size: 90% to a smaller velue(but I have tried with no use at all)
Thanks for any response..
-
Jan 7, 2002, 21:58 #2
- Join Date
- Apr 2000
- Location
- Pennsylvania, USA
- Posts
- 2,266
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
It's better to use pt when defining the size of text. So, say you set it to 12pt. That would be the size of the text you're reading right now.
-
Jan 8, 2002, 01:15 #3
- Join Date
- Apr 2001
- Location
- Seattle
- Posts
- 281
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Whether to use pt or not is up for serious debate. It's probably on the same level as religious debate around here. Nevertheless, just saying it's better to use pt than anything else isn't telling the whole story; it depends on several factors. You should try your own experimentation with different browsers and operating systems to determine what units to use and where. A good place to start is RichInStyle.com.
-
Jan 8, 2002, 05:01 #4
- Join Date
- May 2001
- Location
- hong kong
- Posts
- 214
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Nice link....
however I changed this
.heada {font-family: verdana, helvetica, arial, geneva, sans-serif; font-size: small; color: #000000}
.headaCnt {font-family: verdana, helvetica, arial, geneva, sans-serif; font-size: 90%; color: #000000}
.parent {font-family: verdana, helvetica, arial, geneva, sans-serif; color: #000000; text-decoration: none}
.child {font-family: verdana, helvetica, arial, geneva, sans-serif; font-size: 90%; color: #333399; text-decoration
to
.heada {font-family: verdana, helvetica, arial, geneva, sans-serif; font-size: pt8; color: #000000}
.headaCnt {font-family: verdana, helvetica, arial, geneva, sans-serif; font-size: 70%; color: #000000}
.parent {font-family: verdana, helvetica, arial, geneva, sans-serif; color: #000000; text-decoration: none}
.child {font-family: verdana, helvetica, arial, geneva, sans-serif; font-size: 70%; color: #333399; text-decoration
It seems no response..
Bookmarks