如何包含新字体并在项目中使用它

时间:2017-04-15 07:31:00

标签: javascript jquery html5 css3 twitter-bootstrap-3



@font-face {
      font-family: Sakal Marathi , Arial Unicode MS;
      src: url(Saka_Marathi_Normal.ttf);
    }
    
 h3{
 font-family: Sakal Marathi , Arial Unicode MS;
 }

<h3>hiiii</h3>
&#13;
&#13;
&#13;

我使用bootstrap,vuejs和laravel来设计我的项目。我想将字体sakal_marathi.ttf添加到我的项目中。我该如何使用这种字体样式?当我使用font-family属性时,它会在我的电脑上显示字体,但效果不会显示在其他电脑上。

2 个答案:

答案 0 :(得分:0)

使用任何google fonts代替此。

答案 1 :(得分:0)

&#13;
&#13;
@font-face {
  font-family: 'Sakal Marathi';
  src: url('Saka_Marathi_Normal.ttf');
}

h13 {
  font-family: "Sakal Marathi";
}
&#13;
&#13;
&#13;

您不必使用两个名称(第一个是字体系列名称,第二个是字体类型名称),您应该检查当前网址是否为真。