Php 如何在codeigniter中包含字体awesome

我有包括字体真棒，但图标显示方形框

<link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/css/font-awesome.css') ?>">

---

fontawesome不仅仅是一个css文件，它还包括更多的内部文件，所以如果您想在脱机状态下执行此操作，您必须将所有与fontawesome相关的文件放入，例如
字体
，或者使用联机链接是更好的选择

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />

在您的服务器上托管


将下载的ZIP解压缩到Codeigniter目录中。我想你已经在plugin/font-awesome中提取了FontAwesome/

要在视图中包含文件的代码：

<link rel="stylesheet" type="text/css" href="<?php echo base_url('plugin/font-awesome/css/font-awesome.min.css'); ?>">

如果您不想要cdn，那么您可以这样做

打开css文件（在/css中）并更改所有字体文件的url源

这个街区

@font-face {


font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.6.3');
  src: url('../font-awesome-4.6.3/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../font-awesome-4.6.3/fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

到

没有区别，您仍然可以使用以下代码：

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />

试试这个

<link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>assets/css/font-awesome.css">

您不能对font-awome.css使用
base\u url（）
或
site\u url（）
，原因如下：

@font-face{
字体系列：“FontAwesome”；
src:url（'../fonts/fontawesome webfont.eot？v=4.6.3'）；
src:url（'../font-awesome-4.6.3/font/fontawesome-webfont.eot？#iefix&v=4.6.3'）格式（'embedded-opentype'）、url（'../font-awesome-4.6.3/font/fontawesome-webfont.woff2？v=4.6.3'）格式（'woff2'）、url（'../font/fontawesome-webfont.woff？v=4.6.3'）、url（'truetype'）、font/fontawesome-webfont.ttf=4.6.3'）、url）（'../fonts/fontawesome webfont.svg？v=4.6.3#FONTAWESOMETRAL'）格式（“svg”）；
字体大小：正常；
字体风格：普通；
}


解决方案1。如果您不想下载font awesome，可以使用：


当然，这总是有效的。解决方案1的缺点是依赖于internet连接

解决方案2。首先，您必须下载fontawesome的所有文件（svg、woff、eot等），并将它们全部放在一个文件夹中-例如，文件夹名称为
fontawesome

然后，必须从文件
font awome.css

@font-face{
字体系列：“FontAwesome”；
src:url（'../fonts/fontawesome webfont.eot？v=4.6.3'）；
src:url（'../font-awesome-4.6.3/font/fontawesome-webfont.eot？#iefix&v=4.6.3'）格式（'embedded-opentype'）、url（'../font-awesome-4.6.3/font/fontawesome-webfont.woff2？v=4.6.3'）格式（'woff2'）、url（'../font/fontawesome-webfont.woff？v=4.6.3'）、url（'truetype'）、font/fontawesome-webfont.ttf=4.6.3'）、url）（'../fonts/fontawesome webfont.svg？v=4.6.3#FONTAWESOMETRAL'）格式（“svg”）；
字体大小：正常；
字体风格：普通；
}

然后，将它们复制到
.html
或
.php
文件的
中，您希望实现
font-awesome
。但必须按如下所示更改
src
：

@font-face{
字体系列：“FontAwesome”；
src:url（“”）；
src:url（''）格式（'embedded-opentype'）、url（''）格式（'woff2'）、url（''）格式（'woff'）、url（''）格式（'truetype'）、url（''）格式（'svg'）；
字体大小：正常；
字体风格：普通；
}

请记住在您的
.html
，
.php
中也添加以下内容：

首先，我建议您在Chrome上按F12键检查浏览器是否有任何错误


确保URL与您放置字体文件夹的位置相对应：例如。
项目

--应用程序

--资产

----CSS

------字体真棒

--------CSS

----------fontawesome.css

--系统

如果路径正确，那么去font awesome网站查看你想要的图标的代码，你选择的每个图标都会有一个如何使用它的示例


希望对您有所帮助
您能使用cdn版本吗？检查文件，确保文件存在，然后检查config.phpcdn中的base\u url是否正常工作，但我想使用脱机这是我的基本url$config['base\u url']=''；示例
$config['base\u url'] = 'http://localhost/your_project/“
是的。他们提取不正确。因为他们说CDN工作正常，但hosted不工作。但在最后的评论中，他说他们的
”$config['base\u url']=''”
设置为空；所以他需要在此处更新url。另外
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />

@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");

<link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>assets/css/font-awesome.css">

$config['base_url'] = 'http://domain.com/websiteroot/';