Что делать, если код шрифта для таблицы стилей CSS, но текст работает неправильно? ⇐ CSS

[Anonymous]

I had gotten help from a friend since I had started crying since I am still new and learning CSS for a class in college.
We got to a certain point about three questions to the last step but the font for the headlines/titles for the playbills doesn't completely work. The one for Othello (play 3) worked completely, "The merry wives of Windsor" and " the importance of being Earnest" semi-works to where it started but didn't finish (play 1 and play 4). " A Streetcar named Desire" (play 2) does not work at all. Below is the coding for the title of each play:

#play1 {
background-color: hsl(240, 100%, 88%);
}
#play1 > h1 {
font-family: Champagne, cursive;
}
#play2 {
background-color: hsl(25,88%,73%);
}
#play2 > h1 {
font-family: Grunge, "Times New Roman", Times, serif;
}
#play3 {
background-color: hsl(0, 100%, 75%);
}
#play3 > h1 {
font-family: Impact, Charcoal, sans-serif;
}
#play4 {
background-color: hsl(296, 86%, 86%);
}
#play4 > h1 {
font-family: Dobkin, cursive;
}

Если у вас есть какие-либо идеи или какие-либо возможные изменения, которые мы можем внести, чтобы это заработало, дайте мне знать. Спасибо!
Изменить: это HTML-код, я удалил абзацы и все слова в блокноте, чтобы больше сосредоточиться на вопросе.
Изменить 2: когда я спрашивал о HTML-коде, я думал, что это фактическое HTML-кодирование, но задание фокусируется исключительно на таблице стилей.
кодирование таблиц стилей
@charset "utf-8";

@font-face {
font-family: "font name";
src: url('cac_champagne.woff') format('woff'),
url('cac_champagne.tff') format('truetype');
}

@font-face {
font-family: "font name";
src: url('1942.woff') format('woff'),
url('1942.tff') format('truetype');
}

@font-face {
font-family: "font name";
src: url('dobkinplain.woff') format('woff')
url('dobkinplain.tff') format('truetype');
}

/*
New Perspectives on HTML5 and CSS3, 8th Edition
Tutorial 2
Case Problem 1

PHCT Typographic Style Sheet

Filename: ph_styles.css

*/

/* I have no idea what I am doing. */
/* Structural Styles */

html {
background-color: hsl(91, 8%, 56%);
}

body {
background-color: hsl(58, 31%, 84%)
font-family: 'Palantino Linotype', 'Book Antiqua', Palatino, serif;
}

h1{
color: black;
}
section > p{
margin: 0px;
padding-top: 5px;
padding-right: 25px;
padding-left: 25px;
padding-bottom: 25px;
}

section > aside{
font-size: 1.1em;
text-align: center;
}

section > nav{
font-size: 0.9em;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
}

/* Navigation Styles */
nav > ul > li > a{
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-top: 10px;
padding-bottom: 10px;
}

nav > ul > li > a:link, a:visited{
color: white;
text-decoration: none;
background-color: hsla(0, 0%, 42%, 0.4);
}

nav > ul > li > a:hover, a:active{
color: hsla(0, 0%, 100%, 0.7);
background-color: hsl(0, 0%, 42%, 0.7);
}

/* Section Styles */
section.playbill h1{
font-size: 3em;
font-weight: normal;
margin: 0px;
padding-top: 20px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 20px;
}

#play1{
background-color: hsl(240, 100%, 88%);
}
#play1 > h1{
font-family: Champagne, cursive;
}
#play2{
background-color: hsl(25,88%,73%);
}
#play2 > h1{
font-family: Grunge, "Times New Roman", Times, serif;
}
#play3{
background-color: hsl(0, 100%, 75%);
}
#play3 h1{
font-family: Impact, Charcoal, sans-serif;
}
#play4{
background-color: hsl(296, 86%, 86%);
}
#play4 > h1{
font-family: Dobkin, cursive;
}

/* Description List Styles */

font-style: normal;
margin: 0px, 5 px, 25px

text-align: center;


Подробнее здесь: https://stackoverflow.com/questions/724 ... ext-is-not