Bravo

Спасибо за ответ. Качественное JS решения не знаете с учетом проверки мобильное ли устройство + размеры экрана? Исключить iPad'ы надо.

@font-face { font-family: Dosis; src: url('/resources/fonts/Dosis.eot'); src: local('☺'), url('/resources/fonts/Dosis.woff') format('woff'), url('/resources/fonts/Dosis.ttf') format('truetype'), url('/resources/fonts/Dosis.svg') format('svg'); font-weight: normal; font-style: normal;}Предварительно подготовив шрифт через http://www.fontsquirrel.com и убедившись, что кириллица есть. Для каждого начертания шрифта отдельный font-face

Попробовал такое: @media only screen and (max-width: 767px) { @viewport { width: device-width; zoom: 1; max-zoom: 1; user-zoom: fixed; } @-webkit-viewport { width: device-width; zoom: 1; max-zoom: 1; user-zoom: fixed; } @-ms-viewport { width: device-width; zoom: 1; max-zoom: 1; user-zoom: fixed; }}Не сработало полностью.

Для элемента внутри position: absolute; top, left, bottom, right равен 0; Для 4 колонки position: relative; В примере по ссылке 5 колонок вижу.

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">Используется такой такой мета-тэг. Задача состоит в том, чтобы его применять ТОЛЬКО в случае, если размер экрана меньше 768px. Если экран больше 768px, то сайт должен вписываться в экран полностью (как это происходит по умолчанию). В данном случае есть мобильная версия, которая срабатывает на экранах, если размер окна браузера или экрана меньше 768px. Как поступить? Спасибо.