Mr.*_* ED 2 font-awesome font-awesome-5
我使用codeigniter和Font Awesome 5我已经下载了最新版本的Font Awesome 5,但是由于某种原因我的图标没有显示
问题如何使图标以超棒的字体显示5我正在使用xampp
它应该在登录文本旁边显示,开发控制台中没有错误
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title><?php echo $title;?></title>
<link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/plugins/bs/css/bootstrap.css');?>">
<link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/css/stylesheet.css');?>">
<link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/plugins/fa/web-fonts-with-css/fontawesome-all.min.css');?>">
<script type="text/javascript" src="<?php echo base_url('assets/js/jquery-3.2.1.slim.min.js');?>"></script>
<script type="text/javascript" src="<?php echo base_url('assets/js/popper.min.js');?>"></script>
<script type="text/javascript" src="<?php echo base_url('assets/plugins/bs/js/bootstrap.js');?>"></script>
</head>
<body>
<div class="row mb-3">
<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12">
<a href="<?php echo base_url('login');?>" class="btn btn-dark"><i class="fas fa-sign-in-alt"></i> Sign in</a>
</div>
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
字体真棒网站上的如何运行5.0.10的说明,对于应该将哪些文件放到何处,有些令人困惑。我遇到了这个确切的问题,并通过以下步骤解决了这个问题:
创建以下目录
/ static / styles / fontawesome / css
将所有fontawesome css文件复制并粘贴到上述目录中
复制整个webfonts目录并粘贴到/ static / styles / fontawesome中(以便它与css目录处于同一级别)
将以下内容添加到您的html标头中
<link rel="stylesheet" href="static/styles/fontawesome/css/fontawesome-all.css">使用相应的版本文档(5.0.10)将图标标签添加到代码中
<i class="fas fa-tachometer-alt"></i>
注意:如果您没有许可证,请确保仅使用自由集中的图标。 https://fontawesome.com/icons?d=gallery&m=free
这可能不适用于每个人,但希望它可以帮助某人解决这个令人沮丧的问题!