我使用codeigniter和Font Awesome 5我已经下载了最新版本的字体真棒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>
获取5.0.10运行的字体真棒站点上的说明在涉及哪些文件应该去哪里时有点混乱。我遇到了这个问题并通过以下步骤解决了这个问题:
- 创建以下目录 /静态/风格/ 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
这可能对每个人都不起作用,但希望它可以帮助某人解决这个令人沮丧的问题!
你正在使用fas fa-sign-in-alt
这是Font Awesome 5的专业版,你需要获得许可证,然后才能使用它们。你可以从here获得你的图标
在我的情况下,我在localhost上的fontawesome上得到方形图标因为我没有在config \ config.php中设置我的base_url值
$config['base_url'] = ''
当我将base_url更改为时,它正在工作
$http = 'http' . ((isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] == 'on') ? 's' : '') . '://';
$newurl = str_replace("index.php","", $_SERVER['SCRIPT_NAME']);
$config['base_url'] = "$http" . $_SERVER['SERVER_NAME'] . "" . $newurl;
Codeigniter 3 / Bootstrap 4 / Font Awesome 5
PHP文件
<link rel="stylesheet" href="../../assets/vendor/font-awesome/css/fontawesome-all.min.css">
更改为以下内容:<link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/vendor/font-awesome/css/fontawesome-all.min.css');?>">
CODEIGNITER 3
$config['base_url'] = '';
更改为以下内容:$http = 'http' . ((isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] == 'on') ? 's' : '') . '://';
$newurl = str_replace("index.php","", $_SERVER['SCRIPT_NAME']);
$config['base_url'] = "$http" . $_SERVER['SERVER_NAME'] . "" . $newurl;