How to embed font file in html?

Question

I created simple form to give input in Preeti font.

<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>

I tried to embed Preeti font in 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 ;
}

Layout of form is above.

But When I give input,It don't type in Preeti font,It still type in normal English text.I want input in Preeti font.

Answer 1

This may work. Add this to your css file.

@font-face {
  font-family: 'Preeti';
  src: url('http://www.fontsaddict.com/fontface/preeti.TTF');
}

How to embed font file in html?

Question

1 answers

solution1
0 ACCPTED 2018-10-28 10:55:13

How to embed font file in html?

Question

1 answers

solution1 0 ACCPTED 2018-10-28 10:55:13

solution1
0 ACCPTED 2018-10-28 10:55:13