gpt4 book ai didi

html - 无法使用 coreUi 显示图标

转载 作者:行者123 更新时间:2023-11-28 02:39:55 24 4
gpt4 key购买 nike

我正在探索 coreUI。

我正在尝试创建在 github 上找到的这个 login.html: https://github.com/mrholek/CoreUI-Free-Bootstrap-Admin-Template/blob/master/Static_Full_Project_GULP/pages-login.html

一切正常,但无法显示用户图标和锁定图标。相反,我得到了它们的默认图标。

我正在处理一个名为 coreUI 的文件夹,其中包含:

  • login.html

  • css 文件夹(包含来自 git 存储库的 style.css 和 simple-line-icons.css)

  • bower_components 文件夹(包含 jquery、bootstarp 和 tether)

所以路径应该是正确的。

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

我也用 register.html 试过了; https://github.com/mrholek/CoreUI-Free-Bootstrap-Admin-Template/blob/master/Static_Full_Project_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>

最佳答案

我想你既没有添加字体文件夹,也没有在字体目录中添加字体。

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

关于html - 无法使用 coreUi 显示图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45116233/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com