Блог

Главная - Вопросы по программированию - Как вставить пользовательский шрифт в HTML?

Как вставить пользовательский шрифт в HTML?

#html #css #fonts #font-face

Вопрос:

Поэтому я хотел вставить пользовательский шрифт в HTML, и я не могу этого понять. Я попытался выполнить этот код ниже, но он не сработал.

Вот файл для шрифта, который я пытаюсь использовать.
https://drive.google.com/drive/папки/1C_2kPmCHj60KyFKcxYiGuOkRO8p820Yt?usp=общий доступ

Код

   <head>
    <div class = "center">
      <h1 style = "font-face: myFirstFont">
        Hi
      </h1>
    </div>
    <style>
      div.center {
        text-align: center;
      }
      @font-face {
   font-family: myFirstFont;
   src: url(candyshopregular-nobo-webfont.woff2);
        }
    </style>
  </head>
</html>

Ответ №1:

Измените строку 3 вашего HTML с:

<h1 style="font-face: myFirstFont">

Для:

<h1 style="font-family: myFirstFont">

Комментарии:

1. Примечание: в вашей ссылке на Google Диске указано «Доступ запрещен», поэтому я не пытался сделать это с тем же файлом, который вы используете.

2. Попробуйте вот это : drive.google.com/drive/folders/…

3. Все еще не могу получить доступ к нет. Но сработал ли мой ответ?

Метки: