Big Fonts

Discussion in 'HTML & Website Design' started by FunkyFresh, Feb 24, 2008.

  1. #1
    What are some good fonts that if they get bigger wont get pixelated as much as others?
    Any help would be great
     
    FunkyFresh, Feb 24, 2008 IP
  2. os-vdo

    os-vdo Peon

    Messages:
    11
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I think this would depend more on someones screen rather then a specific font? When I view all the common ones they are all pretty smooth even when made huge.
     
    os-vdo, Feb 24, 2008 IP
  3. MdkUS

    MdkUS Active Member

    Messages:
    149
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    75
    #3
    I think the same as you-vdo but I also think that almost all sources take the size needed when one wants or is not so?

    me english is bad sorry
     
    MdkUS, Feb 24, 2008 IP
  4. innovati

    innovati Peon

    Messages:
    948
    Likes Received:
    63
    Best Answers:
    1
    Trophy Points:
    0
    #4
    all fonts should be vector, meaning there aren't pixels in them at all.

    I'm assuming you're on windows, and it's windows that doesn't have font smoothing, meaning it will draw the fonts bigger, but it does a brutal job of it. This will be the same for whatever fonts you use on windows.

    I have mac and linux for exmaple, and they all have beautiful font rendering ,so don't worry about how it show up to you, if you make a font large, it will show up beautifully to others.
     
    innovati, Feb 24, 2008 IP
  5. rochow

    rochow Notable Member

    Messages:
    3,991
    Likes Received:
    245
    Best Answers:
    0
    Trophy Points:
    240
    #5
    The fonts will show up without pixelising assuming the computer settings allow this.

    Besides, how big are you really going to make fonts on a webpage without getting impractical?
     
    rochow, Feb 24, 2008 IP
  6. FunkyFresh

    FunkyFresh Peon

    Messages:
    499
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #6
    I am sorry I didnt clear this up,

    I am making a logo so I have the font as .gif and some fonts if you make them large in photoshop wont get pixelated as much as others. Thats the fonts I was wondering about. sorry if I made confusion
     
    FunkyFresh, Feb 24, 2008 IP
  7. rochow

    rochow Notable Member

    Messages:
    3,991
    Likes Received:
    245
    Best Answers:
    0
    Trophy Points:
    240
    #7
    In that case just try it and see. Also play with the AA settings - strong, smooth, crisp
     
    rochow, Feb 25, 2008 IP
  8. FunkyFresh

    FunkyFresh Peon

    Messages:
    499
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #8
    yea I tried but it still wont get much better. I was thinking maybe myriad pro, or futura will have better luck since they are paid fonts?
     
    FunkyFresh, Feb 25, 2008 IP
  9. rochow

    rochow Notable Member

    Messages:
    3,991
    Likes Received:
    245
    Best Answers:
    0
    Trophy Points:
    240
    #9
    Myriad Pro is good no matter the size.

    What font are you using?
     
    rochow, Feb 25, 2008 IP
  10. FunkyFresh

    FunkyFresh Peon

    Messages:
    499
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #10
    I was using trebuchet and if you put it anywhere above 18 it gets pixelate.
    so you said myriad pro is good for big sized font? anything else?
     
    FunkyFresh, Feb 25, 2008 IP
  11. rochow

    rochow Notable Member

    Messages:
    3,991
    Likes Received:
    245
    Best Answers:
    0
    Trophy Points:
    240
    #11
    Here is Trebuchet MS on my Photoshop with the different AA methods (48px, no effects)

    [​IMG]

    What does yours look like?
     
    rochow, Feb 25, 2008 IP
  12. innovati

    innovati Peon

    Messages:
    948
    Likes Received:
    63
    Best Answers:
    1
    Trophy Points:
    0
    #12
    how are you saving them as GIF's? with transparency? if so that's the issue, not the font. Fonts are vectors, they don't CONTAIN pixels so there's no way they can be pixellated.

    GIF's with transparency however, are mid90's technology created by a company now bankrupt. Please join the rest of the world by using PNG's if you want transparency and your nasty jaggies will dissappear.
     
    innovati, Feb 25, 2008 IP
  13. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #13
    ... and STILL result in smaller filesizes if you can state your target in 16 colors or less on a image below 262,000 pixels... Though even 256 color .gif will kick .png's ass once you get alpha transparancy in the mix - but then so will .png as palettized (which 99% of the time is what should be used ANYWAYS so we aren't polluting the web with 160k alpha .png's) - blaming .gif is just ignorant... As was blaming windows since windows had font smoothing BEFORE Linux or Apple, and font hinting before either as well... and if it's pixelating as it gets larger, you'd have to be on windows 98/earlier with smoothing off as even those offered it a good two years before Apple or Freetype did. PNG transparancy, at least as far as alpha goes is such a miserable /FAIL/ as far as web technologies go for a host of reasons.

    As to the problem at hand - FunkyFresh - are you rendering it to a surface and THEN resizing? That's the only situation that would explain what you're saying.
     
    deathshadow, Feb 25, 2008 IP
  14. innovati

    innovati Peon

    Messages:
    948
    Likes Received:
    63
    Best Answers:
    1
    Trophy Points:
    0
    #14
    deathshadow: great accusations, back em up. Show me. explain why.
     
    innovati, Feb 25, 2008 IP
  15. rochow

    rochow Notable Member

    Messages:
    3,991
    Likes Received:
    245
    Best Answers:
    0
    Trophy Points:
    240
    #15
    I'm no .png or .gif expert - and judging by your comments neither are you - so here's some enlightenment:

    Let's start with the fact PNG (alpha transparency) is not natively supported by IE6, the major browser STILL (f*** dammit, some people are still stuck in 2001) though FF and IE7 are getting close.

    Yes, there are hacks. I'd rather save a transparent .gif and be done with it, then hack the crap out of my markup making it look like I'm the one stuck in 2001.

    I still don't know of a working repeat-y .png transparency hack, so thats a definite limitation.

    There are some instances where .png is better than .gif, but to generalise its better is wrong.
     
    rochow, Feb 25, 2008 IP
  16. innovati

    innovati Peon

    Messages:
    948
    Likes Received:
    63
    Best Answers:
    1
    Trophy Points:
    0
    #16
    Oh, well I've got a few messages in my inbow from the guy who wrote the standard because I actually have researched it and been using both for years. Sorry.

    I also got interested in the GIF format when there was that whole stink about compression algorithm patents and they started suing all of the people using GIF export scripts who weren't paying them royalties.

    Gif is only good if you want to save with total transparency on or off, but PNG has variable transparency. And yes although Internet explorer doesn't support them properly, it's funny, they announced support over a decade ago. I guess microsoft doesn't deliver on their promises. Is this really news?

    I actually haven't dealt a lot with IE in a long time. Linux user for 7 years, now I own a mac and the kind of sites I visit are all using standard formats, like PNG and the IE visitor base for these sites is very small due to their nature, mostly Firefox and some safari or konqueror.

    I also think you ought to write a letter to Adobe, I mean fireworks is a vector program that saves to PNG for web, this is horrible, who would have thought Adobe of all people would be less informed than you! You really ought to help them out, I can't imagine the tremendous responsibility you must have being the only one in the world with this kind of knowledge. The moral right thing t do in this situation is to let people like Adobe know right away!

    To think we've been doing this wrong all along. And the IE thing is with transparency, not PNG's.

    Anyway, you know best so I had better shut up now before I sound more ignorant. Silly me.
     
    innovati, Feb 25, 2008 IP
    scart3r likes this.
  17. rochow

    rochow Notable Member

    Messages:
    3,991
    Likes Received:
    245
    Best Answers:
    0
    Trophy Points:
    240
    #17
    I'm sorry Mr Name Drop.

    It's alpha transparency that IE6 can't display natively, it's alpha transparency .png uses, therefore yes the problem IS with .png (variable transparency using the alpha channel)

    Unless of course you can prove otherwise...
     
    rochow, Feb 25, 2008 IP
  18. innovati

    innovati Peon

    Messages:
    948
    Likes Received:
    63
    Best Answers:
    1
    Trophy Points:
    0
    #18
    I fully agree, IE6 has partial support for the PNG standard and they didn't bother to add support for the alpha channel of PNG images....but that's a problem with the IE6 team not supporting a published and accessible standard, not an issue with PNG.

    GIF is fully supported, but the GIF format doesn't have support for variable transparency by ANY means, in any software, so there is an issue with GIF.
     
    innovati, Feb 25, 2008 IP
  19. Morishani

    Morishani Peon

    Messages:
    239
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #19
    The AntiAliasing is choosed by the surfer of the site.

    You can change your settings in this way :
    Control panel > Display > Apperance > Effects > Put V on "Use the following method to smooth edges of screen fonts : "

    But this will change only the way fonts are shown on your screen.

    I Guess you can leave this choice for the user.

    Or you can use PNG with the IE Png fix.
     
    Morishani, Feb 25, 2008 IP
  20. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #20
    Ok, let's say you make a simple test "This is a text" in arial at 34px high for a 286x36 image. To keep it simple, lets use black text... As an alpha .png that's a 1,996 byte image from PSP, or a 19,376 byte image if you let photoshop do it's typical fat bloated rubbish...

    Now, lets' say that's going on a dark reddish textured background... Take that background and do a gaussian blur on it with a radius of about 128px to get the mean color of the image. Apply that alpha transparancy over that color, then palettize it down to 16 colors treating the mean as your palette transparancy. 80-90% of the time you'll not see the difference - this is called 'pre-compositing'. Since we've got one foreground and one background color, we can easily get that down to 16 colors total for a 1.4k gif.

    Now the savings here is negligable, but because we applied our AA ahead of time we don't have the IE headaches, we still have smooth looking text... Likewise if more colors are needed a 256 color .png will inherently give smaller filesizes on most images than a truecolor one - ESPECIALLY if transparancy is involved.

    ... and that's a simple example. I often see pages using six to seven 6k alpha .png for jobs that could just as easily be done my a single 3k 32 color palettized. The 160k I mentioned is something I recently encountered where someone was using an alpha .png for something that could have been pre-composited and done in a 5k 16 color .gif

    Oh, and one other problem with .png - it does not color match in IE because Microsoft ***ed with us by applying alpha to it - so if you want to color match a HTML border or background to your images you NEED to use .gif or .jpg

    Not that ANY of this likely has ANYTHING to do with the OP's problem... even suggesting his file format was at fault was... well... I don't follow the thinking at all. It's like blaming your car for the fact your air freshener smells funny.
     
    deathshadow, Feb 25, 2008 IP