Font like Crisp in PS Using CSS

teammatt3's picture

He has: 2,102 posts

Joined: Sep 2003

Ya know how you can choose fonts in photoshop to be "none, sharp, crisp, strong, smooth" is there a way to get them to look like that using CSS?

I have seen fonts on other sites that look unusually crisp and they aren't images.

02bunced's picture

He has: 412 posts

Joined: May 2005

Hmm - just a thought. Are they using verdana as opposed to Arial? The former is designed for screen use. Other than that, I don't have any idea of hand. Sorry

JeevesBond's picture

He has: 3,956 posts

Joined: Jun 2002

There is currently no way of controlling anti-aliasing with CSS. Even if there were MS wouldn't support it. They don't even seem to have support for it in their OS (Hah!)

It would be a good addition to the standard though, maybe in CSS 3? Maybe you/we should suggest it? Smiling

a Padded Cell our articles site!

DaveyBoy's picture

They have: 453 posts

Joined: Feb 2003

This web site that i like the look of : http://www.smarterfuel.com/

The titles on there seem to be anti-aliased somewhat, i actually thought/assumed they were images when i first looked.

teammatt3's picture

He has: 2,102 posts

Joined: Sep 2003

That's exactly what I'm talking about Davey (thanks for the link.) Anyone know how to get that effect?

Renegade's picture

He has: 3,022 posts

Joined: Oct 2002

If you have a look closely, it's actually done with flash.

I remember when I was taking my web design course, someone mentioned this.

Just have a google for it Smiling

CptAwesome's picture

He has: 370 posts

Joined: Dec 2004

I am using the IE 7 Beta on one of my Windows machines, and it antialiases all pages, making everything look extra crispy.

JeevesBond's picture

He has: 3,956 posts

Joined: Jun 2002

CptAwesome wrote: I am using the IE 7 Beta on one of my Windows machines, and it antialiases all pages, making everything look extra crispy.

Well it's about time, some of us have been using Operating systems/browsers that have anti-aliased text for years. Just because Microsoft did it doesn't mean it's new Smiling

There are a couple of ways around this issue, one is just playing with fonts until they don't look too bad, or use that Flash technique. I knew I'd seen this before, and here's how they did it: sIFR (http://www.mikeindustries.com/sifr/). Damn, wish I'd bookmarked that, although I ditched the idea as it relies on Flash and JavaScript. But is SEO friendly and semantic. Apparently.

mikeindustries.com wrote: With today’s release of sIFR, or Scalable Inman Flash Replacement, we finally have a standards-compliant way to deliver rich typographical text in a flexible manner to over 90% of web users.

a Padded Cell our articles site!

Renegade's picture

He has: 3,022 posts

Joined: Oct 2002

Well, that flash method is actually quite common. I see it almost everywhere now.

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.