Google Fonts в head
Google Fonts - потому что эти шрифты будут кэшированы в браузере. потому что Google Fonts используются во многих местах. и есть большая вероятность, что у пользователя этот шрифт уже закеширован в браузере, потому что некоторое время назад он посещал другой сайт, где был использован тот же шрифт из Google Fonts.
а в head, чтобы шрифт загрузился раньше пока сайт еще не прогрузился.
подключены stylesheet_custom.css и stylesheet_responsive.css в обоих страницах в правильном порядке? т.е. первым stylesheet_custom а следом stylesheet_responsive?
обычный span который расположен через absolute. и меняет свои left: и top:
границы по которым можно двигать этот спан просчитываются через js
даже codepen нагуглил. правда костыльный. но метод реализации по нему понять можно. https://codepen.io/anon/pen/EVMwWR