unclechu

1. Всегда px;
2. По идее нужно использовать line-height, но когда столкнулся с багом фичей отрисовски шрифтов на яблооси (ни на одной другой ОСи это не повторялось, шрифт смещён относительно центра), то стал использовать box-sizing: border-box; и выравнивание через padding-top;
3. В фуррифоксе-то как раз со шрифтами всё хорошо, а вот хромоногий и его производные имеют с этим проблемы на шindows-ах, многие light-версии шрифтов в относительно небольшом кегле превращаются вообще не пойми во что, контуры частично исчезают. Делаю .otf, .woff, .svg (для старых IE .eot), вот пример с less миксином объявления шрифтов:
   
   @revision: 4;
   @tplPath: '/';
   @fontsPrefix: '@{tplPath}fonts/';
   
   .font-face(@fontname, @fontfile, @fontweight:normal, @fontstyle:normal) {
   font-family: "@{fontname}";
   src: url("@{fontsPrefix}@{fontfile}.eot?v=@{revision}");
   src: url("@{fontsPrefix}@{fontfile}.eot?v=@{revision}#iefix") format("embedded-opentype"),
   url("@{fontsPrefix}@{fontfile}.woff?v=@{revision}") format("woff"),
   url("@{fontsPrefix}@{fontfile}.otf?v=@{revision}") format("opentype"),
   url("@{fontsPrefix}@{fontfile}.svg?v=@{revision}#@{fontfile}") format("svg");
   font-weight: @fontweight;
   font-style: @fontstyle;
   }
   
   @font-face { .font-face('Roboto', 'Roboto-Regular'); }
   @font-face { .font-face('Roboto', 'Roboto-Bold', bold); }
   @font-face { .font-face('Roboto-Light', 'Roboto-Light'); }
   @font-face { .font-face('Roboto-Medium', 'Roboto-Medium'); }
   @font-face { .font-face('Roboto-Thin', 'Roboto-Thin'); }
   @font-face { .font-face('Roboto Condensed', 'RobotoCondensed-Regular'); }
   ;
4. Чтобы скролл не появлялся, — для родительского элемента ставится overflow: hidden;
5. Используйте Modernizr, делайте изначально бордюр через outline, а при наличии поддержки теней (html.boxshadow ...) убирайте outline и делайте нормальный box-shadow, а в Safari пусть правят баги, это не ваша проблема;
6. Возможно у вас JPEG, если дизайнер присылает рендеры не в PNG (или другом lossless), — бейте током;
7. От спрайтов отказался в пользу SVG файлов, все элементы сайта, как правило — векторные, в условиях торжества мобильных платформ, — использовать для этого растр — неразумно, в редких случаях PNG (когда это имеет какой-то смысл или безисходность), JPEG только для фотографий;

Может для начала CSS в студию? UPD: А лучше весь упрощённый пример на jsfiddle.net

cssdeck.com/labs/k1lmbfq9

В теории — можно программно менять данные сигнала и делать программный gain на канале — но это ж вычислительная нагрузка, звуков будет много (2D игра например).