Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Page 1 of 2 1 2 LastLast
Results 1 to 10 of 16

Thread: Font Sizing

  1. #1
    Junior Member bumper's Avatar
    Join Date
    Jul 2010
    Posts
    14
    Member #
    22615
    I have been coding this site in Notepad and checking it in Firefox. I recently loaded it into IE7 and EEEk - The font is very large in IE.

    Any help would be appreciated. bump

  2.  

  3. #2
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    1) Did you see this on the same computer?
    2) Which font did you use?
    3) Have you specified a size in your css?

  4. #3
    Junior Member bumper's Avatar
    Join Date
    Jul 2010
    Posts
    14
    Member #
    22615
    I attached the file if you wanted to check it out. Same computer.

    /* BODY AND FONTS
    ------------------------------------------------------------ */

    * {
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 100%;
    }

    body {
    text-align: center;
    background: #CFE7F3;
    height: 100%;
    margin: 0px;
    padding: 0px;
    }

    body, tr, td, input, select, textarea {
    font: small/150% century gothic, arial, helvetica, sans-serif;
    color: #2E1B2F;
    }

  5. #4
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    Yeah your css file would not load... "internal server error".

    font: small/150% century gothic, arial, helvetica, sans-serif;

    I don't like this line here. I wonder if IE is handling the shorthand "wrong" or differently. Maybe it's using the 150% as the font size? I would declare everything separate and see if that fixes it, that's the best place to start.

  6. #5
    Junior Member bumper's Avatar
    Join Date
    Jul 2010
    Posts
    14
    Member #
    22615
    hmm...I tried, didn't work. I'll upload to my server so you can see the files. I did not load the images to the server.

    Digital Brushes and Stamps | Digital Stamps | Stretch 'N Bubbles
    http://indywebhostess.com/style.css

    bump

  7. #6
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    Quote Originally Posted by bumper View Post
    hmm...I tried, didn't work.
    Can I see how you did it? Also, why can't you connect the stylesheet to it so I can see it live? I have IE7 and FF3.6. I should be able to find this but I need to see it (hopefully without loading up your site)

  8. #7
    Junior Member
    Join Date
    Jul 2010
    Location
    New York
    Posts
    10
    Member #
    22623
    Quote Originally Posted by bumper View Post
    I have been coding this site in Notepad and checking it in Firefox. I recently loaded it into IE7 and EEEk - The font is very large in IE.

    Any help would be appreciated. bump
    Are you sure your website is loading the correct CSS stylesheet? Maybe double check the filenames or try renaming the .css to something else and update the code? Did you try removing all the current formatting and check using one or two alternate fonts?

    Keeping everything as simple as possible is the best way to avoid problems if you ask me. Here's a CSS link which might help: CSS Tutorial - Font

  9. #8
    Senior Member
    Join Date
    Dec 2009
    Location
    Chicago, IL
    Posts
    114
    Member #
    20579
    Liked
    2 times
    the problem is that Firefox and IE have different base font sizes (I know that ff is 14px, and IE is slightly larger), and interpret size keywords in different manners. You have to be very explicit in the values that you feed in. What I usually do is reset the base font size in the body, like:

    body { font-size: 12px; }

    From there you can set font sizes in ems, which are basically percentages. like this:

    p { font: 1em/1.5em century gothic, arial, helvetica, sans-serif; }

    Which would give you a paragraph with 12px font and ~18px line height. however, by setting the size in ems it's still scalable. Also, you should get consistent results across all browsers.

    You can convert px to ems using this tool:

    Em Calculator

    go to the settings tab and set the default font size to whatever you set the px size to on your body tag, then you can just enter what your desired final size in the pink box at the bottom. for example, with a 12px default font size 24px would be 2em. Does this help?

  10. #9
    Senior Member
    Join Date
    Dec 2009
    Location
    Chicago, IL
    Posts
    114
    Member #
    20579
    Liked
    2 times
    by the way aeroweb99, that is proper short-hand for setting font attributes. I know for a fact that IE7 supports that syntax, so it shouldn't be causing any problems.

  11. #10
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    Quote Originally Posted by alligatortek View Post
    by the way aeroweb99, that is proper short-hand for setting font attributes. I know for a fact that IE7 supports that syntax, so it shouldn't be causing any problems.
    Right, The way he described it sounded like it was a lot bigger on IE, which there should not be that much of a discrepancy between the two. Yes, set the body font in px or points. Right now he has it set to small after resetting it to 100% which doesn't really do anything but leave it to browser default.
    Anyways, your post is dead on and he should do it that way.


Page 1 of 2 1 2 LastLast

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 11:07 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com