I see how the icons are being generated using the specific “{ content: “\2302″; }” (as above). This woud be the icons on the buttons themselves for example.

How would I replace the icons from http://www.fontello.com; Do they give you the numerical content Id # once downloaded or how does that work?

I would appreciate your help in this matter.

I set my base styles in the [class*="btn-"] declaration and then write my overrides or extensions in the subsequent declarations e.g. “btn-primary” .

There are some considerations with this though. You have to make sure no other classes contain the keyword you use the “*=” selector on. Also the “*=” selector is probably one of the least performant of the CSS selectors. But in fairness if you are worried about performance you are probably better off focusing your efforts elsewhere, e.g. gzip, minifying or optimising images, as tweaking CSS selectors is more micro-optimisation.

Might help save a couple of css lines ;)

Come on, did you stop to think that perhaps Bill is already using a perfectly capable browser? He is, after all on this website to begin with. I would think it safe to assume he might be keeping his clients/customers in mind when testing older browsers.

It reminds me of an incident that happened last weekend at the FrontEnd design conference in St. Pete; a speaker who specialized more in “bleeding edge” browser usage was asked what he suggested to devs/designers who needed to support older browsers. His answer was to suggest that those users upgrade. Not very practical for an e-commerce site (where I want them to convert and could care less what browser they use), or most other websites that want to cater to a large audience. Sadly, some folks seem to forget we are building this “web” for more then just designers/devs, we also have to keep others in mind who might not spend 8+ hours a day behind a computer.