グーグルフォントの利用でエラーが出る。

前提・実現したいこと

グーグルフォントを使用したいです。
グーグルフォントをHTML,CSSで使おうとすると、エラーがします、
基本的な、グーグルフォントの使用方法は、動画のとおりにやっているので正しいと思いますが、どうしても＜　　　　＞この部分にエラーが出ます。

発生している問題・エラーメッセージ

エラーメッセージ
```VSCでは、Special characters must be escaped : [ < ].とのエラーが書いてあります。

### 該当のソースコード

```ここに言語名を入力
ソースコード
```<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>DIGSMILE inc. | TOP</title>
    <link rel="stylesheel" href="./css/reset.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 = Montserrat：wght @ 400; 700＆family = Noto + Sans + JP：wght @ 400; 700＆ display = swap "rel =" stylesheet ">

    <link rel="stylesheel" href="./css/style.css">
</head>
<body>
    <header class="header flex-box">
        <h1 class="site-title">
     <a href="./index.html">  
        <svg xmlns="http://www.w3.org/2000/svg" width="260" height="28.204" viewBox="0 0 260 28.204">
            </svg>
    </a>
 </h1>


### 試したこと

エスケープ文字に変換、
スペルミス、コピー　ペーストができていないのかの確認、
さまざまな動画での確認、

### 補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

m.ts10806

2021/09/19 01:00

コードやエラーはマークダウンのcode機能を利用してご提示ください。 https://teratail.com/questions/238564 あとcssも提示してください。

2232

2021/09/19 01:37

はい、すいません、 CSSはまだ作ってません。

m.ts10806

2021/09/19 03:57

質問は編集できます。作ってないのにリンクさせるのは手順が逆です。

行動規範の内容に同意します

回答3件

ベストアンサー

<link href = "https： //fonts.googleapis.com/css2？family = Montserrat：wght @ 400; 700＆family = Noto + Sans + JP：wght @ 400; 700＆ display = swap "rel =" stylesheet ">

href = 以降のダブルクオート"で囲われた文字列の中に全角文字がいくつか見られます。半角に直す必要があります。
href = 以降のダブルクオート"で囲われた文字列（spap まで）の中にスペースがいくつか見られます。たぶん不要なスペースですので削除する必要があります。
rel =以降のダブルクオート"で囲われた文字列の中にスペースがいくつか見られます。これも不要ですので削除する必要があります。
rel =の直前にはスペースが必要です。無くても大丈夫かもですが書くべきです。

とりあえず気付いたのはこんなところです。まずはこれを直して試してみてください。

投稿2021/09/19 01:09

itagagaki

総合スコア8402

2232

2021/09/19 01:40

ご回答いただきありがとうございます、どこが不要なスペースでどこが必要なスペースだか、わかりませんので、色々試して見ます、

itagagaki

2021/09/19 01:43

おそらく必要なスペースは無いと思いますので""内のスペースはすべて消してください。ちなみにですが、もし必要なスペースがある場合は、それはスペースではなく%20と書く必要があります。

2232

2021/09/19 01:46

承知しました、ありがとうございます、

行動規範の内容に同意します

URLとして成り立ってません。

<link href = "https： //fonts.googleapis.com/css2？family = Montserrat：wght @ 400; 700＆family = Noto + Sans + JP：wght @ 400; 700＆ display = swap "rel =" stylesheet ">

全角文字も入っているし、半角スペースも入ってるし。
手で打つのではなく公式で出る内容をそのままコピペしてください。