оптимизация интерфейса веб-приложения - шрифты / советы?

Question

Я создаю интерфейс с большим количеством информации на экране .. десятки входов с сопровождающими метками. в результате объема информации шрифты обязательно стали довольно маленькими.

но я бы хотел, чтобы это было как можно более читабельным и удобным для использования ... есть ли действительно красивый и удобный для чтения и компактный шрифт, который хорошо работает в браузере (особенно в этом случае, IE7)?

У кого-нибудь есть другие советы, чтобы разобраться с этим? Есть ли какая-то конкретная комбинация размера пикселя / em и шрифта, или какая-то другая вуду CSS, которая может мне помочь?

это приложение для интрасети, поэтому мы можем быть довольно конкретными.

любые предложения приветствуются, спасибо.

Answer 1

Чтобы изменить его размер в браузере, используйте ems. Установите размер шрифта для элемента body равным 62,5%, чтобы сделать размеры более понятными. 1.2em = 12px.

Arial - довольно хороший шрифт. Как и Гельветика.

Answer 2

Согласно этому посту с 2006 года: http://www.kathymarks.com/archives/2006/11/best_fonts_for_the_web_1.html

Тахома может быть победителем:

"Tahoma (Windows). Tahoma был разработан специально для удобочитаемости на экране. Он предустановлен в системах Windows. По стилю похож на Verdana, он более узкий и сжатый"

Answer 3

Вы помните о доступности? Разве нельзя изменить интерфейс так, чтобы отображалось меньше информации, и люди со зрением меньше 20/20 могли легко читать ваши страницы?

Как правило, шрифты без засечек более удобочитаемы при использовании с небольшими размерами. Если вы хотите использовать моноширинный шрифт, мне лично очень нравится шрифт Vista 'consolas'.