я смотрю, гугл в ответ на такой цсс предлагает браузеру файлик *.woff для скачивания. а в опере и ие работает?

+1000
да хрен с ней, с той подстветкой. главное, что нет явного указания ширины в 1 пикс, из-за которого ие6-7 рвёт, как тузик тряпку.
кроме того, отстутствие таблиц также радует

а можно для ленивых вкратце, как он работает?

1. ну я ж о том же — через анус. https://www.woodenlife.ru/ — геморроя было на неделю!

2. контент-то переноситься не будет. только, если юзер сделает подраздел на сайте с названием в 30 слов — будет по-уродски. бывает nowrap вылазит боком. кроме того, грабли в том, что ие6-7 будет считать ширину по минимуму и фон под ПОДпунктами будет прилипать к правым краям контента

3. речь же о hi-end-вёрстке. куда ж тут гвоздями-то бить? пустые < t d > не всегда отображаются, иногда схлопываются. я в них пишу & n b s p ; так вот для случая, когда нужна ширина вполовину меньше, я пишу ОДИН пробел, в остальные дивайдеры — под ДВА.
https://www.woodenlife.ru/ — тут же, кстати, перед первым пунктом и после последнего — полноразмерные отступы. что они мне напоминают — даже боюсь сказать

класс!!! сам таким пользуюсь. только: как подсветить вместе с пунктом и половину соседних разделителей? и как сделать выпадающее меню с НЕЗАДАННОЙ шириной (ИЕ7 считает ширину детей, равной 1пикс)? и как задать ширину разделителей перед первым пунктом и после последнего (обычно она вполовину меньше, чем остальные)?

ну это понятно. код в студию)))

Ну, бывают шрифты по 20 кил, а бывают по 300. Бывает, высота строки в подключаемых шрифтах какая-то дурная. А ты пробовал доказать что-то о шрифтах менеджеру студии, когда заказчик отлистал $100к+ за проект и его не гребёт, как это будет сделано, важно, чтобы при наложении скриншота на макет совпадало до +/- 1 пикс.? Единственное, что меня действительно раздражает в подключении шрифтов — это то, что их не прикладывают к макетам.

Учитывая, что не все заки соглашаются заменять на страндартные шрифты, опыт подгрузки шрифтов уже есть. Поэтому я уже никому ничего не рекомендую. Просто делаю и всё. А потом ставлю перед фактом — шрифты мыльные, дофига весят. Недавно делал проект, там подтягивался мириад в двух видах и люсида. Всё вместе весит 1.5 метра. Хотят — пусть получают.

поскольку высота блока обычно известна, я упрощаю выражение

.bank_list img {
	margin-top:expression(30-this.offsetHeight/2+'px');
}

ну да, для форматирования текста — неплохая фича. получаются хорошие отступы между, допустим, Н1 и Р (при заданных одновременно верхнем и нижним марджинах для Р). но если умный вебмастер уберёт Н1, то весь бокс с контентом поедет вниз.

ну, до многотысячных мне ещё далеко, мне бы просто бордеры, чтобы одновременно подгружались и чтобы красиво реализовывалось.
а data-url не поддерживается ие6, не кешируется в пределах страницы, больше весят, ограничены по длине. поскольку data-url имеет явную выгоду в доступе к данным, которые недоступны по правам — то это проблема программистов. я-то как вёрстку отлаживать буду с таким урлом?

ну а смысл такого спрайта?
и сейчас мониторы 2500+ шириной. сделаешь такой спрайт — через год он станет недостаточным по ширине. к тому же — какой смысл от спрайта размерами 3000х3000. репит — он на то и репит, чтобы иметь бесконечную ширину

горизонтальный репит подразумевает, что вся ширина пикчи занята повторяющимся горизонтальным рисунком.
та же хрень с вертикалью.

или я чего-то не понимаю?

ну так я о том же, что вертикальные бордеры и горизонтальные бордеры я делаю отдельными файлами

ну приложи примерчик. как у тебя пересекаются горизонтальные и вертикальные бордеры