html css フォント、フォントサイズ、色も変化なし

こんにちは、

フォントの文字と一部のアルファベット(M)のフォントの色を変えようとしているのですが、何も変わりません。

Titleは、google fontを使って後のボディーはArial, Meiryoを使用します。その後他の文字にも色や位置も変えることが最終目的です。

どなたか教えていただける幸いです。よろしくお願いいたします。

HTMLコード <!DOCTYPE html> <html> <head> <title> 14章課題</title> <meta name="description" content="このページは14章の課題です。"> <meta charset="utf-8"> <link rel="sylesheet" href="Kadai_014.css"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Josefin+Sans&family=Noto+Sans+JP&display=swap" rel="stylesheet"> </head> <body> <h1 span class="h1">M</span>y profile<br> <h2>名前</h2> <p>侍太朗</p> <h2>生年月日</h2> <p>1990年1月1日</p> <h2>血液型</h2> <p> O型</p> <h2>趣味</h2> <p>旅行、読書、ゲーム</p> <h2>好きな食べ物</h2> <p>ハンバーグ、きつねうどん、抹茶アイス</p> <h2>プログラミングを始めた理由</h2> <p>プログラマーとして転職したいから。転職して数年後にはフリーランスになって、旅行しながら仕事したい!</p> <br> <!--プログラマーとして〜 --> </body> </html> CSSコード span.h1{ color:skyblue font-size: 40px; font-family: font-family: 'Josefin Sans', sans-serif; font-family: 'Noto Sans JP', sans-serif; }

コメントを投稿

0 コメント