After creating this page Nazlie post this reply. Take a look "I did not know that". Perhaps % are the way to go. Thanks Nazlie

    EMPLOYEE OF YOLA Nazlie, Official Rep, Hi papa Thank you for sharing the link and information about how to size fonts in HTML. Digging up this blog reminded me that you can also use percentage to size fonts - works on the same principle as the em tag. Nazlie

             Are your viewers having trouble reading your fonts on different browser and screen size? Quit using points or px and use em's. By using em's you can use the font you want in a size that work in all browser.

             Excample 1 Let us say that the browser of viewer is set to 16px. Simply put 16px(browser defualt) will = 1em. So if you use 2em the viewer will see you text in 32px, .5em=8px.

             Excample 2 If the viewer default is set at 12px that will = 1em, 2em=24px .5em=6px. You can use this threw you own made style sheet as showned here.

             If you think this is something you can use or just want to study have some fun with or test out on your sites this may help viewers can read the text easier. Simple set up a style.css sheet. Here's how.

             1) Open two notepads.

             2) For now use the code below showing h1 threw p. Simply Copy& Paste This Code into one notepad then copy & paste into the second notepad.

             3) Save the second notepad and names as XXXstyle.css{never style.css}. In Save as style use "all" Under encoding I use "ANSI" here

             4) Never name you css file as "style.css" here as it may not work property with rest of site.

             5) Upload the rename XXXstyle.css file to file manger.

    Easy so far! How to make this work use a HTML widget.

             6) Open a HTML widget

    Enter this first line on the very top of the html widget. {failure to do so will prevent this XXXstylesheet.css to work}

    {link href="resources/teststyle.css" rel="stylesheet" type="text/css" media="all" }

    Remove the "{" at begining replace with "<" and "}" at the end replace with ">"

             7) Then added yours text using {h1} threw {h6} or {p} as you see fit. Again Remove the { & replace with <, then do the same } with > at end.

             In the coding you can change from font style, color, and size as you see fit. Enjoy and have fun.

              WOW Now you can control the size of the font and more.Try to use Browser Safe Fonts. Be sure to open all tags at begining and close all tags at end.

                      Here are the diffent font sizes from the codes below

    This is h1 set at font-size= to 6em

    This is h2 set at font-size= to 4.5em

    This is h3 set at font-size= to 3em

    This is h4 set at font-size= to 1.5em

    This is h5 set at font-size= to 1em
    This is h6 set at font-size= to .75em

    This is p set at font-size= to 1.4em

    This is the code for XXXstyle.css that you are looking for.If you copy and paste 1st paste in one notepad, then copy that and place in another notepad that you would name your XXXstyle.css

    h1 {
    color:#F50C38;

    font-size: 6em;

    font-family: Arial, Georgia, Tohoma, sans-serif;

    font-style: italic;}

    h2 {
    color:#20D1C8; font-size: 4.5em;

    font-family: Arial, Georgia, Tohoma, sans-serif;

    font-style: italic;}


    h3 {
    color:#B677CC;

    font-size: 3em;

    font-family: Arial, Georgia, Tohoma, sans-serif;

    font-style: italic;}


    h4 {
    color:#000000;

    font-size: 1.5em;

    font-family: Arial, Georgia, Tohoma, sans-serif;

    font-style: italic;}


    h5 {
    color:#20D1C8;

    font-size: 1em;

    font-family:Arial, Georgia, Tohoma, sans-serif;

    font-style: italic;}


    h6 {
    color:#C4D120;

    font-size: .75em;

    font-family: Arial, Georgia, Tohoma, sans-serif;

    font-style: italic;}


    p {
    color: #D120CA;

    font-size: 1.4em;

    font-family: Arial, Georgia, Tohoma, sans-serif;

    font-style: italic;}