Javascript 如何将字体导入到Ember项目中

我正在使用MEEN Stack（Mongo、Ember、Express、Node）创建一个网站。现在，我正在尝试将Lato字体系列导入到我的项目中，因为这将是网站上所有内容的字体。我似乎在这方面遇到了麻烦，在网上找不到任何有关这方面的资源。有什么办法吗？我已经下载了Lato字体，并将文件放在我的public/assets/fonts文件夹中，但仍然存在问题。如果有帮助，我也会使用基金会。< /P> 我的app.scss文件中有以下内容：

/* Webfont: Lato-SemiboldItalic */@font-face {
    font-family: 'LatoWebSemibold';
    src: url('fonts/Lato-SemiboldItalic.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato-SemiboldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato-SemiboldItalic.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato-SemiboldItalic.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato-SemiboldItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

nav {
    font-family: "LatoWebSemibold";
    background-color: none;
    width:150px;
    text-align:left;
    font-size:1em;
    list-style: none;
    margin: 0 0 0 0;
    padding: 0 20 30 20;
    float:left;
}

---

我认为url中缺少“/assets/”

下面是我的工作示例

@font-face {
  font-family: 'Mytupi-Bold';
  src: url(/assets/fonts/mytupibold.ttf) format('truetype');
}

---

我试图将本地字体文件导入我的ember插件

治安官德里克发布了一个很好的混音，但我一直看到404个错误

我最终通过将应用程序的名称放在字体URL的开头来实现它

$font-url: '/<app/addon-name>/fonts';
 
@mixin font-face($name) {
@font-face {
  font-family: $name;
  src: url("#{$font-url}/#{$name}.woff2") format("woff2"),
       url("#{$font-url}/#{$name}.woff") format("woff");
}


@include font-face('font-name-500');

body {
  font-family: 'font-name-500';
}

$font url:'//fonts'；
@混合字体面（$name）{
@字体{
字体系列：$name；
src:url（“#{$font-url}/#{$name}.woff2”）格式（“woff2”），
url（“woff”）格式（“woff”）；
}
@包括字体面（'font-name-500'）；
身体{
字体系列：“font-name-500”；
}

看起来不错…你检查过发行目录中的字体了吗？我在一个Ember应用程序（使用Grunt的旧版本）中包含自定义字体，并且使用与你相同的方式（在url中引用

字体/

）另外，检查chrome控制台中的“网络”选项卡，看看它是否正在请求CSS文件。可能会给你一个提示。@SteveH。我想部分问题可能是当我从他们的网站下载Lato字体时，它只附带了.ttf文件。我从哪里可以获得.eot和.woff文件？你知道吗？不，我想有在线conv从ttf到woff的ERT…我使用woff文件附带的谷歌字体和引导图标。你们可以试试