1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

What is the best font for a set of instructions?

Discussion in 'HTML & Website Design' started by exponent, Feb 18, 2007.

  1. #1
    I'm creating articles on vinyl installation for my website and I was wondering which fonts and font sizes should be used to make them easiest to read? Any help would be greatly appreciated. :D
    SEMrush
     
    exponent, Feb 18, 2007 IP
    SEMrush
  2. rochow

    rochow Well-Known Member

    Messages:
    3,991
    Likes Received:
    245
    Best Answers:
    0
    Trophy Points:
    190
    #2
    Arial, size 12
     
    rochow, Feb 18, 2007 IP
  3. Clive

    Clive Web Developer

    Messages:
    4,506
    Likes Received:
    296
    Best Answers:
    0
    Trophy Points:
    250
    #3
    font: 11px verdana combined with line-height: 16px could also work..
     
    Clive, Feb 18, 2007 IP
  4. Deano

    Deano Sail away with me.

    Messages:
    890
    Likes Received:
    41
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Yeah, verdana is known to be one of the most readable fonts.
     
    Deano, Feb 18, 2007 IP
  5. Aragorn

    Aragorn Peon

    Messages:
    1,491
    Likes Received:
    72
    Best Answers:
    1
    Trophy Points:
    0
    #5
    The best idea is, go to google and search for Vinyl Installation, Visit different websites and find the one best suited :D
    The font I use in most part of my websites is
    font:normal 12px Verdana, Arial, sans-serif;
    Code (markup):
     
    Aragorn, Feb 21, 2007 IP
  6. kehnee

    kehnee Peon

    Messages:
    158
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #6
    From a designers point of view, two types of font. serif and san-serifs. Anything in the the san-serif family is good for typography (hence readability) on a webpage. Verdana falls in the san-serif family. :D
     
    kehnee, Feb 21, 2007 IP
  7. kk5st

    kk5st Prominent Member

    Messages:
    3,478
    Likes Received:
    363
    Best Answers:
    28
    Trophy Points:
    335
    #7
    That's not really a question that anyone can answer for you, without seeing the actual content of your page. Are the instructions an ordered, step-by-step set? Do they act as a caption to an instructional photo/diagram? Are they accompanied by images? How are they fit into the prose of the page?

    Generally, look for methods to separate the instructions from the rest of the prose; make it easy for the eye to find. Use margins, font-family, font-size, numbering (ordered list), etc. to create separation. Don't fail to consider mono-space fonts.

    cheers,

    gary
     
    kk5st, Feb 21, 2007 IP
  8. RichardMeeks

    RichardMeeks Peon

    Messages:
    5
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    1
    #8
    I agree with @kk5st, I think it completely depends on the content and how it is presented on the page with other elements. I tend to use accessibility checklists to make sure the content on the page is as accessible to all audiences as possible.
     
    RichardMeeks, Oct 9, 2019 IP
  9. deathshadow

    deathshadow Acclaimed Member

    Messages:
    8,975
    Likes Received:
    1,635
    Best Answers:
    233
    Trophy Points:
    515
    #9
    Interesting to see a bump of a 12 year old thread. MORE interesting to see all the derps of that time talking about using PX in illegibly tiny and useless sizes.
     
    deathshadow, Oct 9, 2019 IP
    kk5st likes this.
  10. RichardMeeks

    RichardMeeks Peon

    Messages:
    5
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    1
    #10
    Oops! I saw this thread popup on a main page and thought I'd throw my two cents in!
     
    RichardMeeks, Oct 10, 2019 at 2:13 AM IP
  11. qwikad.com

    qwikad.com Illustrious Member Affiliate Manager

    Messages:
    5,927
    Likes Received:
    1,096
    Best Answers:
    22
    Trophy Points:
    400
    #11
    Quite a few people made the same mistake. I don't know why they keep showing super old threads as "popular". They are popular somewhere, I guess.
     
    qwikad.com, Oct 10, 2019 at 5:50 AM IP
  12. qwikad.com

    qwikad.com Illustrious Member Affiliate Manager

    Messages:
    5,927
    Likes Received:
    1,096
    Best Answers:
    22
    Trophy Points:
    400
    #12
    In a lot of instances I do NOT want the fonts to be auto scalable. 14px - 15px is perfect for any device. It's quite readable even on small cell phones. I understand, not everyone's eyesight is 20/20, but nothing is preventing them from zooming in on it, if need be. Any device can do that (unless someone still uses IE6). I really do not get the whole em vs px argument. What's easier to write: 1px or 0.063em? It looks like more code for nothing. Plus, em is not consistent across all browsers and devices.
     
    qwikad.com, Oct 10, 2019 at 6:11 AM IP
  13. deathshadow

    deathshadow Acclaimed Member

    Messages:
    8,975
    Likes Received:
    1,635
    Best Answers:
    233
    Trophy Points:
    515
    #13
    Whilst it's too tiny for me and mine, sending me for the zoom where PX metric layouts invariably break.

    Given that there is ZERO fixed relationship between EM and pixels, why would you even say 1px in the first place unless it was for something you DON'T want scaling, which is occasionally acceptable on text-shadow or border. BTW, assuming a 16px machine 1px == 0.0625em, not 0.063. Though on my computers it's 0.05, and on my media center it's 0.41666~.

    That's kind of the point of it. IF you're even THINKING in pixels, you're probably thinking WRONG from the start!

    If you design for elastic, it tends to be less prone to breaking if zoom is used, because it was designed for it from the start. Something PX most certainly is not.

    1) as if pixels per inch is?

    2) on my Bluboo and my Cubot, a lot of those 14px sites are pretty useless crap. Not everyone lights money on fire for no good reason with crApple and Slambung.

    3) That's the POINT. It's not even supposed to be consistent. It's just supposed to work!

    Generally I find EM easier to work with in the long run because fractions of the base font-size tend to just result in cleaner layouts. Multiples of 1EM for padding for example most always looks great.

    ... and it's a WCAG violation. Sure, there's a small section that says PX can be used if you have control over what UA's the visitor is going to use -- but this is the Internet, that makes said exception as utterly irrelevant and inapplicable to reality as the scientific concept of entropy.

    Entropy only applies to closed systems. So far as we know, there's no such thing. Order from disorder is a function of natural laws.

    As Dan said over a decade ago (wow, it's been that long?) This is the Internet, the only thing you know about who will visit your website is that you cannot possibly know who will visit your website. So dot the bloody t's and cross the i's!.. or... something.
     
    deathshadow, Oct 10, 2019 at 6:37 AM IP