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

Question

当我在网络上使用 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>

标签： androidhtmlcordovafont-awesomehtml-framework-7

Answer 1

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