【发布时间】:2019-06-24 14:07:25
【问题描述】:
我在我的应用程序中多次使用 Font Awesome。但是,当我在面板中安装免费的管理主题时,它不再工作。我尝试使用 CDN,还从他们的网站下载了 CSS 文件。我有 尝试了一切;没有任何工作。它显示方块而不是图标。它在其他页面上工作,但在这个页面上没有。
<!doctype html>
<html lang="en">
<head>
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Custom fontawesome font/icons for this template-->
<link href="{{asset('admin/css/all.min.css')}}" rel="stylesheet" type="text/css">
<title></title>
</head>
<body id="page-top">
<nav class="navbar navbar-expand navbar-dark bg-dark static-top">
<a class="btn btn-link btn-sm text-white order-1 order-sm-0" id="sidebarToggle" href="#">
<i class="fas fa-bars"></i>
</a>
<a class="navbar-brand mr-1 pl-3" href="#">Admin Panel</a>
</nav>
</body>
</html>
【问题讨论】:
-
您是否检查过您的开发人员工具是否正确加载了 CSS,并确保您的 CSS 中的类适合您的 HTML 中的类?
-
在其他页面中是否可以使用相同的图标。我的意思是如果
fa fa-phone可以在其他页面中使用 -
查看页面源代码并点击 CSS 链接。的字体真棒。如果它显示带有文件的 CSS 代码,则表示它已成功集成。
标签: php css laravel font-awesome