Question

我被卡住了！我正在尝试在phonegap中构建应用程序，我需要能够使用:: after伪元素使用超棒的字体图标，并且它们只会一直显示为愚蠢的矩形！我尝试以百万种方式在本地安装很棒的字体，并以百万种方式链接它，但似乎没有任何效果。奇怪的是html可以正常工作，但是当我尝试使用它时：

.dashboard-block:after {
    content: '\f067';
    font-family: "Font Awesome 5 Free";
    font-size: 30px;
    font-style: normal;
    float:right;
    margin-right: 4vw;
}

我得到一个矩形！我还尝试了链接到源，这是行不通的。我将其添加到CSS的顶部，并尝试了许多变体，但无济于事：

@font-face {
    font-family: "Font Awesome 5 Free";
    src: url("../webfonts/fa-regular-400.eot");
    src: url("../webfonts/fa-regular-400.woff") format("woff"),
    url("../webfonts/fa-regular-400.otf") format("opentype"),
    url("../webfonts/fa-regular-400.svg#filename") format("svg");
}

我的html中具有以下链接：

<link rel="stylesheet" type="text/css" href="css/fontawesome/css/all.css" />

请帮助！在此先感谢：）

如何在PHONEGAP中的“内容”之后使用Font Awesome Unicode作为CSS ::

0 个答案: