Как встроить файл шрифта в HTML? - PullRequest
0 голосов
/ 28 октября 2018

Я создал простую форму для ввода Preeti шрифта.

<html>
  <body>
    <div>
      <center> <form>
        <label><b>Preeti : </b></label>
        <div class = "a"> <input type="text" name="message" id="user_input"> 
        </div>
        </form> </center>
      </html>
  </body>

Я пытался встроить Preeti шрифт в CSS.

@font-face {
  font-family: "Preeti";
  src: url("fonts/preeti.eot");
  src: url("fonts/preeti.eot?#iefix") format("embedded-opentype"),
    url("fonts/preeti.otf") format("opentype"), 
    url("fonts/preeti.svg") format("svg"), 
    url("fonts/preeti.ttf") format("truetype"),
    url("fonts/preeti.woff") format("woff"), 
    url("fonts/preeti.woff2") format("woff2"); 
  font-weight: normal;
  font-style: normal;
}
.a {
  font-family: Preeti ;
}

Расположение формы выше,enter image description here

Но когда я даю ввод, он не печатает Preeti шрифт, он все еще печатает обычный английский текст. Я хочу вводить Preeti шрифт.

1 Ответ

0 голосов
/ 28 октября 2018

Это может сработать. Добавьте это в ваш CSS-файл.

@font-face {
  font-family: 'Preeti';
  src: url('http://www.fontsaddict.com/fontface/preeti.TTF');
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...