Logical styling

From my previous post you can probably guess I am a bit obsessed with text formatting right now.

How should you display logical text? Text which has say more meaning or importance than another piece?

Blink and marquee (in the mobile profile btw) are extremely frustrating for desktop users, but… they work great on a mobile. Mobile displays must be stupidly eye catching. I still probably wouldn’t use them. Time dependence = Accessibility violation

Font size variation does not work IMO. My Dad always wants the largest font on his palm. If an entire text is at its largest font setting then it will not vary, and hence lose the meaning.

Italics for some reason is a bit strange. Firstly is not implemented on most Nokia mobiles. Secondly, what does its typeface mean? Under CSS1 it’s just a style. I just looked through a newspaper. It is never used.

Bolding or weighting is probably the best way to go. It’s well supported and for me at least it is unambiguous. It is something important.

Logical markup colouring is tricky. Colour blindless is too difficult to cater for. But colour is highly effective and well implemented (a little slow to fill colour on mobiles mind). It is difficult to be consistent too with the scheme. Using possibly gradients (with the help of a background) for distinguishing headers whilst using a large font might be the way to go. Although gradients would have to be quite different.

Underlining! Argh. I hate how some mobile profiles implement it. Underlining on the web medium is for hyperlinks. Plain and simple. End of story.

Advertisement

If you like this, you might like the stateless Web kiosk software I develop. Webconverger typically replaces Windows on PCs and is deployed in public and business environments for ease of deployment and privacy. Once installed it auto-updates making it painless to maintain. Try it where you exclusively use the only viable open platform... the Web!