Как правильно верстать некоторые вещи?
 В большинстве проектов раньше использовал px. В последнее время перешёл на em и rem, где возможно.  Для меня во многом удобнее чем px, правда не везде. Так же не стоит забывать о поддержке браузерами rem, если решите использоватьВ 99% случаев выравниваю как Вы написали, padding и line-height. Самый удобный вариант. Со внешними шрифтами редко возникают проблемы. Не из-за того что у них отступы разные, а из-за того как выровнены символы относительно строки (в некоторых шрифтах символы могут быть смещены чуть выше или чуть ниже). Советую Вам использовать этот же метод. Просто на стадии дизайна, должен подбираться шрифт который "заточен" для веба.Подключаю так же. Для конвертирования использую fontsquirrel. Можно поэкспериментировать с настройками, для получения оптимального отображения в браузерахРодительскому контейнеру можно задать ширину 100% (чтобы растягивался по всей ширине окна) и overflow: hidden; Safari поддерживает тень, но чуть темнее она там отображается, если не ошибаюсь. (-webkit-appearance: none; )Скорее всего не сходятся цветовые профили. Почитайте тутТак же использую разделение спрайтов по группам (в основном при использование различных типов, размеров иконок в них). В большинстве случаев это удобно (если используется много иконок)С этим вопросом помочь не смогу, не изучал подробнее как большие фоновые изображения влияют на производительность и отображение
1. Использую вертикальный ритм Compass, rem с фолбеком в px если нужно
2,3 Также padding и line-height, есть шрифты которые не правильно выровнены, но это проблема шрифта, лучше подбирать проверенные шрифты или от гугла  e404.pw/articles/font-face
4. Можно скрыть полосы overflow: hidden; можно позиционирование использовать вместо margin, от ситуации зависит
5. Для стилизации селектов использую jquery плагины, чтобы везде одинаково было, или сбрасываю стили браузера (-webkit-appearance: none)
8. Залей одной картинкой и не парься, если никакой фрагмент фона нельзя использовать как паттерн или заменить цветом/градиентом, таков замысел дизайнера). Вообще конечно может имеет смысл обрезать, чтобы фон в верху сайта, который виден сразу загрузился быстрее