iframe内のフォントを指定したい

iframe専用のhtmlファイルのフォントをfont-family: ta-kotodama-r, sans-serif;に指定したいのですがta-kotodama-rを反映させれません。
ちなみに、iframeを設置する元のhtmlファイルにも同様にフォントを指定しているのですがこちらはきちんと反映してくれます。
以下に、iframe専用のhtmlファイルを載せますので反映のさせ方を教えてください。

HTML
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4    <meta charset="utf-8">
5    <meta name="viewport" content="width=device-width,initial-scale=1.0">
6    <title>C</title>
7    <link rel="stylesheet" href="top_css/normalize.css">
8    <style>
9        body{
10            font-family: ta-kotodama-r, sans-serif;
11        }
12        div.news{
13            position: relative;
14            padding: 5vw 0;
15        }
16         div.news span.news_theme{
17            position: absolute;
18            z-index: -1;
19            top: 50%;
20            left: 20%;
21            font-size: 12vw;
22            color: #fff;
23            opacity: 0.8;
24        }
25         div.news p{
26            text-align: center;
27            font-size: 3vw;
28        }
29         dl dt{
30            font-size: 1.5vw;
31            text-align: center;
32            padding: 5vw 0 0 0;
33        }
34         dl dd{
35            font-size: 1.8vw;
36            text-align: center;
37            padding: 1.5vw 0 0 0;
38        }
39        </style>
40</head>
41<body>
42    <div class="news">
43        <span class="news_theme">NEWS</span>
44        <p>お知らせ</p>
45        <dl>
46            <dt>2021-9-26</dt>
47            <dd>店舗移転のお知らせ</dd>
48            <dt>2021-9-1</dt>
49            <dd>緊急事態宣言解除に伴う営業時間変更</dd>
50            <dt>2021-7-29</dt>
51            <dd>緊急事態宣言に伴う19:00以降酒類提供停止について</dd>
52            <dt>2021-6-6</dt>
53            <dd>緊急事態宣言に伴う営業時間変更</dd>
54            <dt>2020-11-3</dt>
55            <dd>新しい仲間が増えました！</dd>
56        </dl>
57    </div>
58    </body>
59    </html>