Framework7 和 Android：图标在浏览器中呈现，但不在设备上

Posted 2023-05-06

【中文标题】Framework7 和 Android：图标在浏览器中呈现，但不在设备上

【英文标题】：Framework7 and Android: Icons render in browser but not on device

【发布时间】：2019-05-14 04:34:57

【问题描述】：

当我在网络上使用 framework7-icons 时，它们渲染得很好，但是当我在 Galaxy S8 上启动我的项目时，会显示图标的名称而不是实际的图标。

在网络上：

在我的 Galaxy S8 上：

我的代码：

<div id="app">
    <div class="page">
        <div class="row">
            <div class="navbar">
                <div class="navbar-inner">
                    <div class="left"><i class="f7-icons size-28">menu</i></div>
                </div>
            </div>
        </div>
    </div>
</div>

【参考方案1】：

在将 build 文件夹复制到 cordova 之前，在 build/static/Css 文件夹中，打开 css 文件并搜索 src:url(/static/media/MaterialIcons-Regular.e79bfd88.eot) 并将其替换为 src:url(../media/MaterialIcons-Regular.e79bfd88.eot)。这肯定会奏效。