Question

我创建了一种简单的表单，以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 ;
}

上面的表格布局。

但是当我输入时，它不输入Preeti字体，仍然输入普通的英文文本。我想输入Preeti字体。

Answer 1

这可能有效。将此添加到您的css文件。

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

如何在html中嵌入字体文件？

1 个答案: