Антон Корзунов

Проблема в том, что мобильный сафари игнорирует overflow:hidden на body.
"Сегодня" самым эффективным способом борьбы является просто блокирование пропагации ивентов, которые могут вызвать скролл в документ.
В общем - https://github.com/thearnica/dom-locky

1. Берем хоть jQuery и меняем opacity нужному региону
2. Выкидываем все на свалку, берем нормальные "карты" - благо их много, делаем на них.
Но прийдется немного попрограмировать :(

Вы наверное про "balloon", контент которого задается через property balloonContent
https://tech.yandex.ru/maps/jsbox/2.1/balloon_and_hint

1 большой файл в котором есть все нужные стили на часто используемых страницах.
То есть который покроет 70-80% всех запросов.
Остальные бьете на «пакаджы», на разделы и так далее. И тоже клеите относительно большими «выпухлыми» группами.
Если большие группы не получаются — не клеите, а сливаете все в один файл.

И париться с этим надо только если с остальным париться уже не надо

onclick="kodimg(this)"

var lastkodimg=0;
function kodimg(_this)
{
 if(lastkodimg){
  lastkodimg.className='bimg'
 }
 _this.className='v-img';
 lastkodimg=_this;
}

проверено — работает

в 99% процентах случаях шрифты отображает OC либо «через» ОС, с ней, и с «prefered» пользователя сложно поспорить