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

【问题标题】：how to include new font and use it in project如何包含新字体并在项目中使用它
【发布时间】：2017-04-15 19:28:27
【问题描述】：

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

&lt;h3&gt;hiiii&lt;/h3&gt;

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

【问题讨论】：

您的浏览器可能使用您机器上安装的字体。打开开发者工具栏（F12），查看字体是否加载完毕！
fontsquirrel.com/tools/webfont-generator 在此处上传您的字体并从他们那里获取 css 和字体，希望您需要添加所有字体，如（woff2、woff、eot 等）有用。

标签： javascript jquery html css twitter-bootstrap-3

【解决方案1】：

使用任何google fonts 代替这个。

【讨论】：

【解决方案2】：

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

h13 {
  font-family: "Sakal Marathi";
}

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

【讨论】：