Почему не обрабатывается height: 100%?

Работает, но почему для этого (!)все родительские блоки тоже должны иметь height: 100% ?

Работа верстальщиком. Тупик в самостоятельном обучении. Что делать и как лучше выстроить обучение и поиск работы?

С книгами есть момент устаревания знаний — пока напишут, пока отредактируют, издадут, распространят… Базовые знания да, но свежие актуальные техники, интересные визуальные эффекты — это скорее читать и анализировать чужой код от авторитетов. Может посоветуете какие-то конкретные книги по верстке?

Как подключить woff2, почему не работает, как самому хостить шрифты Google Fonts?

Именно, что спрашивали, ваши слова: «Как подключить? ». Ну да ладно.
В остальном, Гугл отдает 200 и хоть закачанным к себе файлом, хоть напрямую — код прекрасно работает:

@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v7/y7lebkjgREBJK96VQi37ZjUj_cnvWIuuBMVgbX098Mw.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

Поэтому, ищите ошибку в подключении.

Как удалить   из вордпресс?

Igor Feren, в базе тексты тоже с мнемоникой (nbsp)?
Похоже, что какой-то плагин или тема навешивают фильтр при выводе контента.

Как удалить   из вордпресс?

В functions.php темы пропишите:

function replace_nbsp($content)
{
$content = str_replace(' ', ' ', $content);
return $content;
}
add_filter('the_content','replace_nbsp');
add_filter('the_excerpt', 'replace_nbsp');