SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Addict
    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..

  2. #2
    Misfit
    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.

  3. #3
    Anyone seen my cypher? OneChance's Avatar
    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.

  4. #4
    SitePoint Addict
    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

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •