gpt4 book ai didi

html - font awesome css 和 fonts 文件夹正在项目中加载,但 font awesome 图标显示为正方形

转载 作者:行者123 更新时间:2023-11-28 01:06:35 33 4
gpt4 key购买 nike

我几乎在我工作的所有项目中都使用 fontawesome。但这次我得到的图标显示为正方形。我还尝试了 stackoverflow 上列出的几乎所有解决方案,但似乎对我的情况没有任何效果。我猜是什么东西阻止了我显示 fontawesome。这不仅发生在托管案例中,也发生在本地案例中。我已验证此文件已在浏览器中正确加载并具有适当的 header

我什至尝试过 [codepen] 的这个解决方案

它的结果是肯定的,但图标仍然显示为正方形。可能是什么问题呢?

这是我的头

<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Habitath</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="description" content="Habitath a online coach hiring website" />
<meta name="keywords" content="habitath, ecosystem, online coach website" />
<meta name="author" content="Habitath" />

<link rel="shortcut icon" href="img/favicon.png" />
<!-- Animate.css -->
<link rel="stylesheet" href="css/animate.css" />
<!-- Magnific Popup -->
<link rel="stylesheet" href="css/magnific-popup.css" />
<!-- Bootstrap -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
<link rel="stylesheet" href="css/main.css" />
<link rel="stylesheet" href="css/form.css" />
<link href="https://fonts.googleapis.com/css?family=Squada+One" rel="stylesheet">


</head>

最佳答案

您向项目添加了字体文件(如 fontawesome-webfont.woff 等)?不仅是CSS

关于html - font awesome css 和 fonts 文件夹正在项目中加载,但 font awesome 图标显示为正方形,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39483842/

33 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com