离子2-字体不显示在iOS上

我正在尝试创建一个应用程序离子2与自定义字体，流沙

我的文件夹结构如下所示：

src
|
|-app
|   |
|   -app
|   |   |
|   |   -app.scss
|   |
|   -pages
|   |
|   -assets
|   |     |
|   |     -img
|   |     |
|   |     -fonts
|   |     |    |
|   |     |    -Quicksand-Bold.ttf

在my app.scss中，我有以下代码使字体在我的所有页面中可用：

@font-face {
    font-family: 'Quicksand-Bold';
    font-style: normal;
    font-weight: 300;
    src: local('Quicksand-Bold'), local('Quicksand-Bold'), url("../assets/fonts/Quicksand-Bold.ttf") format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Quicksand-Bold';
    font-style: normal;
    font-weight: 300;
    src: local('Quicksand-Bold'), local('Quicksand-Bold'), url("../assets/fonts/Quicksand-Bold.ttf") format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

然后我可以使用字体系列：Quicksand Bold在任何地方引用它

这在Android和浏览器上都能很好地工作，但在iOS上无法加载

我在使用时遇到问题：

背景：url'../assets/img/background.jpg'

这导致我的ios应用程序崩溃。我使用的解决方法是使用图像创建一个div，并将其定位为背景图像

---

当我引用url../assets/fonts/Quicksand-Bold.ttf时，我感觉这里也发生了同样的事情。由于某种原因，iOS无法找到指定的路径。

好吧，viCky的评论没有回答我的问题，但确实让我找到了正确的路径

在我的问题中，您可以看到我引用了一个.ttf文件，并尝试将其格式化为woff2。但由于iOS中只支持otf和ttf字体，因此使用.woff2格式将破坏字体。.ttf文件的正确格式为TrueType

因此，改为：

src: local('Quicksand-Bold'), local('Quicksand-Bold'), url("../assets/fonts/Quicksand-Bold.ttf") format('truetype');

而不是

src: local('Quicksand-Bold'), local('Quicksand-Bold'), url("../assets/fonts/Quicksand-Bold.ttf") format('woff2');

---

解决了我的问题。现在我可以在我的iOS应用程序中使用字体了。

好吧，viCky的评论没有回答我的问题，但确实让我找到了正确的方向

在我的问题中，您可以看到我引用了一个.ttf文件，并尝试将其格式化为woff2。但由于iOS中只支持otf和ttf字体，因此使用.woff2格式将破坏字体。.ttf文件的正确格式为TrueType

因此，改为：

src: local('Quicksand-Bold'), local('Quicksand-Bold'), url("../assets/fonts/Quicksand-Bold.ttf") format('truetype');

而不是

src: local('Quicksand-Bold'), local('Quicksand-Bold'), url("../assets/fonts/Quicksand-Bold.ttf") format('woff2');

---

解决了我的问题。现在我可以在我的iOS应用程序中使用字体了。

试试fontsquirrel:抛出Http状态500，但它做什么呢？它会生成不同格式的字体。这可能是iOS的问题吗？它不接受.ttf格式？因为它在Android和浏览器上都能工作，因为根据这个答案，唯一支持的字体是OTF和TTF yep。这可能会解决你的问题。试试fontsquirrel：抛出Http状态500，但它做什么呢？它会生成不同格式的字体。这可能是iOS的问题吗？它不接受.ttf格式？因为它在Android和浏览器上都能工作，因为根据这个答案，唯一支持的字体是OTF和TTF yep。这可能会解决你的问题。哦，我正要添加一个相同的答案lol很高兴听到你解决了这个问题：哈哈哈。。有时候只是讨论这个问题会让你找到正确的答案。哦，我正要添加一个相同的答案哈哈，很高兴听到你解决了这个问题：哈哈哈。。有时候，仅仅讨论这个问题就可以找到正确的答案。