Дима Паутов

Вряд ли. Это же системная информация. К ней может иметь доступ разве что браузер, скорее всего именно в нем и настраивается поведение ссылки по-умолчанию. Из js-кода без участия клиента вряд ли можно что-то узнать.

id на странице не должны повторятся.

И соответственно использовать фреймворки тоже не вижу смысла

А смысл в том, чтобы писать кашу - Вы видите?
Приучите себя писать нормально, используя хотя бы тот же MVC паттерн, и на эту вот писанину выше, через год будете смотреть и рыдать.

Вы рассматриваете фреймворк как нечто масштабное, требующее больших проектов и сил. Но нет, относитесь к нему как к инструментарию, позволяющему Вам писать лучше и быстрее.

Использовать нативные шрифты для каждой платформы - это нормальная и хорошая практика. И по умолчанию следует придерживаться именно её.

Использовать какой-то свой шрифт - тоже нормальная практика. Но обычно это имеет смысл только в том случае, если компания имеет хороший, внятный фирстиль, брендбук и вот это всё. Чаще всего они есть, если вы какой-нибудь Билайн или Фольксваген. Если вы небольшая конторка и тем более инди-разработчики - скорее всего это вам не нужно (если бы у вас были внятные причины на использование своего шрифта - вы не задавали бы этот вопрос тут, а решали бы со своим штатным дизайнером).

юзаем свг )

В сторону кэша
В сторону "посмотреть в консоли, вдруг что отвалилось"
В сторону проверки путей
В сторону проверки версии бутстрапа

Ну, базовые штуки. Тут сложно что-то подсказать без ссылки

Вы уже задавали подобный вопрос Как правильнее сверстать такие элементы? , и должны были уже понять, как такое делается. Там вам дали внятные ответы, такие же как и тут. Какой смысл в вопросе?

Windows 10, Edge - работает.

https://stackoverflow.com/questions/793014/jquery-...

Хром, что с него.

$('input[type=\'file\']').click();

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