ember.js 如何将字体导入Ember项目

hjqgdpho 于 2022-11-05 发布在其他

关注(0)|答案(2)|浏览(138)

我正在创建一个网站使用MEEN堆栈（蒙戈，ember，快递，节点）。而现在，我正在尝试将Lato字体系列导入到我的项目中，因为这将是网站上所有内容的字体。我似乎在这方面遇到了问题，并且在网上找不到任何涉及这方面的资源。有什么想法吗？我已经下载了Lato字体，并将文件放在我的public/assets/中字体文件夹，我仍然有问题。我也在使用基金会，如果这有帮助。
我的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;
}

ember.js

来源：https://stackoverflow.com/questions/36163999/how-to-import-a-font-into-an-ember-project

2条答案

按热度按时间

62o28rlo1#

我认为您在URL中缺少“/assets/”
下面是我的工作示例

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

赞(0）回复(0）举报 2022-11-05

0lvr5msh2#

我试图导入一个本地字体文件到我的ember插件。
Sheriffderek发布了一个不错的mixin here，但我一直看到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';
}

赞(0）回复(0）举报 2022-11-05

我来回答

ember.js 如何将字体导入Ember项目

2条答案

相关问题

热门标签

最新问答