我将font-awesome.css(4.7.0)加载到layout.ctp cakephp的head标签中,如下所示
<?php echo $this->Html->script('jquery-3.4.0.js');?>
<?php echo $this->Html->script('jquery-ui.min.js');?>
<?php echo $this->Html->script('popper.min.js');?>
<?php echo $this->Html->script('bootstrap.js');?>
<?php echo $this->Html->script('moment.js');?>
<?php echo $this->Html->css('jquery-ui.css');?>
<?php echo $this->Html->css('bootstrap.css');?>
<?php echo $this->Html->css('bootstrap-datetimepicker.min.css');?>
<?php echo $this->Html->css('all.min.css');?>
<?php echo $this->Html->css('jquery-ui.theme.css');?>
<?php echo $this->Html->css('font-awesome.css');?>
然后在我看来,我只使用名为fa fa-fw fa-sort
的类来显示排序图标:
<td style="text-align: center;"> <?php echo __('No') ;?> <i class="fa fa-fw fa-sort"></i></td>
但是结果是图标显示不正确:
控制台出现错误:
fontawesome-webfont.ttf:1 Failed to load resource: the server responded with a status of 404 (Not Found)
我已阅读过数篇有关此问题的文章,他们通过将mime类型设置/添加到"woff2"
来解决了该问题。但是我不知道如何在cakePHP中添加该新的MIME类型?
我也尝试过放一些fontawesome的webfont,但这也行不通: