Без знаний в разработке под Wordpress (а конкретно в вашем случае - редактирование editor-styles.css и т.п.) стандартными средствами редактора WP "из коробки" - никак. Разве что какие-то плагины искать, которые расширят функционал редактора.
Похоже что у вас какое-то из расширений браузера добавляет свои стили. Типа stylish или какой-нибудь другой "стилизатор" страниц. Либо в браузере пользовательский css подключен.
У вас купрум скачан на компьютер - потому на компьютере браузер берет шрифт из папки windows/fonts.
А на сайт вы просто не подключили киррилицу в купруме. Поставьте вот эту галочку и поверьте чтобы subset был cyrillic:
В смысле самописные движки? Вам нужно натянуть верстку на самописную CMS? Тогда с вопросами к тому, кто её "самописал". Если на популярные движки - так в интернете видео-уроков и справочников много.
PHP надо в любом случае.
text-decoration: none;
border-bottom: solid rgba(0,0,0,0.5) 1px - задаст полупрозрачный черный бордер. За счет полупрозрачности он будет казаться более тонким.
Почему же нет. Установите вордпресс в папку blog на сервере. А статику - в корень. Просто для редактирования блога будете переходить в site.ru/blog/wp-admin.
С точки зрения "каноничности" разработки сайта, конечно, это - дурной тон. Лучше когда весь сайт контролируется одной CMS - проще локализовать проблему в случае поломок.
Потому что у вас в html каждый тег Р является дочерним для DIV. То есть, буквально у каждого из ваших дивов есть непосредственно-дочерний Р. Вот оно и действует.
То есть, ваш div>p в данном случае ко всем таким местам:
Решение - ограничить селектор div конкретно самым верхним в иерархии. Например, вот так: jsfiddle.net/smsnvkvc
Начните с простого: htmlacademy.ru. Там этой самой вложенности добрая четверть уроков отведена. За месяц всем азам научитесь.