SitePoint Sponsor

User Tag List

Results 1 to 5 of 5

Hybrid View

  1. #1
    SitePoint Wizard aaron.martone's Avatar
    Join Date
    Feb 2003
    Location
    Florida, USA
    Posts
    2,322
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    CSS Text Size Change

    I want to make my site as usable as possible, so I want dynamically changing font. Is there a simple way to do this, or would dynamically attaching different sized CSS scripts be the easiest way?

    Some thoughts were "not using pixels to determine font sizes, but instead, using %'s or some other method that works easier when you want to increase or decrease the font size"

  2. #2
    Ensure you finish what you sta bronze trophy John Colby's Avatar
    Join Date
    Aug 2003
    Location
    University of Central England, U.K.
    Posts
    487
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I've tried this on http://www.cie.uce.ac.uk/essential/accessibility.html

    I used the alistapart javascript modified by Eric Meyer then modified by me for percentage sized text. Text size is affected by the javascript at http://www.cie.uce.ac.uk/essential/s...styleswitch.js and font and background colours from http://www.cie.uce.ac.uk/essential/style/main.css. If you go to http://www.cie.uce.ac.uk/essential/style/yk.css you'll see that I import main.css and then restyle the relevant sections for yellow text on black background. Others colours are treated similarly.

    Because it's intended to be a teaching medium that uses the most modern browsers the 'graceful degradation' goal may not always be met.

    Based on a suggestion on Sitepoint I will be limiting the range of text sizes available to reduce the effect of typos - but I need to demonstrate that over the next couple of weeks - and it can be a student exercise to solve the problem.

    BTW colour changes are there to suport dyslexic students - different colours help, apparently.
    John
    No electrons were harmed during the creation, transmission
    or reading of this posting. However, many were excited and
    some may have enjoyed the experience.

  3. #3
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,235
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by John Colby
    BTW colour changes are there to suport dyslexic students - different colours help, apparently.
    It also helps for those with low vision or really old hardware. If text colors don't contrast enough with the background you've chosen, it can effectively look like nothing at all.

  4. #4
    Ensure you finish what you sta bronze trophy John Colby's Avatar
    Join Date
    Aug 2003
    Location
    University of Central England, U.K.
    Posts
    487
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I also found http://www.donjohnston.com/djlearning/usingcolor.htm but have yet to implement this. My intention is to provide more choices within the site I mentioned.

    Time is at a premium at the moment - we start teaching on Monday and I'm still writing stuff - and it's Saturday night - I'll be at it all day tomorrow as well. It's my fault for saying we could get ten booklets published before the beginning of term. What I didn't appreciate was the tonne and a quarter of paper this meant!
    John
    No electrons were harmed during the creation, transmission
    or reading of this posting. However, many were excited and
    some may have enjoyed the experience.

  5. #5
    SitePoint Wizard DougBTX's Avatar
    Join Date
    Nov 2001
    Location
    Bath, UK
    Posts
    2,498
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by John Colby
    I also found http://www.donjohnston.com/djlearning/usingcolor.htm but have yet to implement this. My intention is to provide more choices within the site I mentioned.
    Just had a look at that page, and read "Yellow text on blue background with red cursor." Now, that sort of thing would be an OS setting, and browsers (at least IE) will restect OS settings if there are no CSS styles set... so the thinking goes: if a colour scheme works for a person, wouldn't they set it at the OS level, and therefore the most accessable way would be to just not set colours?

    Perhaps it could be added as an option at least.

    Douglas
    Hello World


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
  •