【问题标题】:ionic 3 importing font for every deviceionic 3 为每个设备导入字体
【发布时间】:2018-08-02 03:55:29
【问题描述】:

我有一个关于 ionic 3 的简单项目,我只需要在应用程序的输入中使用自定义字体。

我将字体(ttf 格式)复制到“../assets/fonts”

在css中;

font-family: license plate, ariel, sans-serif;

刚刚添加了这个。

现在,当我使用 ionic serve 为应用程序提供服务并在 chrome 中打开它时,它可以正常工作了。 (我的 Windows 上已经安装了字体)但是使用 ionicDevApp 我无法在实际的 iphone 中看到字体。

如何导入字体?无法对任何有关它的官方 ionic 文档进行罚款,并且在类似的 stackoverflow 主题中理解起来非常复杂。

我想在我的应用安装的每台设备上看到该字体。

请帮助我,谢谢

【问题讨论】:

    标签: css ionic-framework fonts ionic3 font-face


    【解决方案1】:

    不完全是我的专业领域,但我们以这种方式使用 Noto Hero 字体:

    @font-face {
      font-family: 'Hero';
      src: url('Hero.woff2') format('woff2'),
      url('Hero.woff') format('woff');
      font-weight: normal;
      font-style: normal;  
    }
    

    所以我猜你缺少 url 和 src 部分。

    【讨论】:

    • 到哪里 variables.scss 或页面的 scss ?
    • 我们把它放在app.scss中(实际上是一个单独的hero.scss文件,在app.scss中导入)
    • 首先,感谢您的回答。但我还没有得到我字体的任何 scss 文件。我只有ttf。除了那个文件里还有什么?
    • font.scss 文件包含我在答案中发布的 sn-p。没必要放到另外一个文件里,直接写在你的app.scss里就可以了。
    猜你喜欢
    • 2019-03-08
    • 1970-01-01
    • 2018-10-03
    • 2017-12-25
    • 2022-01-13
    • 2018-11-16
    • 1970-01-01
    • 1970-01-01
    • 2018-06-27
    相关资源
    最近更新 更多