文章/答案/技术大牛

发布

社区首页 >问答首页 >不能用coreUi显示图标

问不能用coreUi显示图标
EN

Stack Overflow用户

提问于 2017-07-15 08:37:55

回答 3查看 6K关注 0票数 2

我正在发现coreUI。

我正在尝试创建在github：GULP/pages-login.html上找到的这个login.html

一切都很好，但不能显示用户图标和锁图标。相反，我会得到他们两个的默认图标。

我正在处理一个名为coreUI的文件夹，该文件夹包含：

login.html
css文件夹(包含来自git的style.css和简单的line-icons.css)
bower_components文件夹(包含jquery、bootstarp和系绳)

所以路径应该是正确的。

此外，当我检查浏览器中的元素时，我可以在css规则选项卡中看到锁图标和用户图标的内容\e08e和\e005。但它们显示的是相同的默认图标。任何帮助都将不胜感激。

我也用register.html；GULP/pages-register.html尝试过，但问题是相同的。所有图标都显示有缺陷。

这是我的login.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="...">
    <meta name="author" content="....">
    <meta name="keyword" content="....">

    <!-- FavIcon link-->
    <link rel="shortcut icon" href="../favicon.png">
    <!-- Icons -->
    <link href="css/simple-line-icons.css" rel="stylesheet">


    <link href="css/style.css" rel="stylesheet">

    <title>Login</title>



</head>

<body class="app flex-row align-items-center">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="card-group mb-0">
                    <div class="card p-4">
                        <div class="card-block">
                            <h1>Sign In</h1>
                            <p class="text-muted">Sign In to your account</p>
                            <div class="input-group mb-3">
                                <span class="input-group-addon"><i class="icon-user"></i>
                                </span>
                                <input type="text" class="form-control" placeholder="Username">
                            </div>
                            <div class="input-group mb-4">
                                <span class="input-group-addon"><i class="icon-lock"></i>
                                </span>
                                <input type="password" class="form-control" placeholder="Password">
                            </div>
                            <div class="row">
                                <div class="col-6">
                                    <button type="button" class="btn btn-primary px-4">Login</button>
                                </div>
                                <div class="col-6 text-right">
                                    <button type="button" class="btn btn-link px-0">Forgot password?</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card card-inverse card-primary py-5 d-md-down-none" style="width:44%">
                        <div class="card-block text-center">
                            <div>
                                <h2>Sign up</h2>
                                <p>Site description....</p>
                                <button type="button" class="btn btn-primary active mt-3">Register</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/tether/dist/js/tether.min.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>

</body>

</html>

html

css

icons

回答 3

Stack Overflow用户

回答已采纳

发布于 2017-07-15 09:59:05

我认为您没有在字体目录中添加字体文件夹或字体。

所以创建一个文件夹字体，添加字体文件的简单图标。如果已经有字体文件夹，则在此文件夹中添加字体。

票数 1

Stack Overflow用户

发布于 2020-08-17 19:18:32

如果您想使用@coreui/图标，您的angular.json应该是这样的

"styles": [
              "src/styles.sass",
              "node_modules/@coreui/coreui/dist/css/coreui.css",
              "node_modules/@coreui/icons/css/all.css"

票数 0

Stack Overflow用户

发布于 2021-02-19 08:13:45

您在angular.json中的设置可能是免费的：

 "styles": [
              "node_modules/@coreui/icons/css/free.css",

改为：

"styles": [
              "node_modules/@coreui/icons/css/all.css",

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/45116233

复制

相似问题

问不能用coreUi显示图标
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问不能用coreUi显示图标EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问不能用coreUi显示图标
EN