gpt4 book ai didi

css - 当我访问某些网址时, Font Awesome 图标不显示

转载 作者:行者123 更新时间:2023-11-28 19:20:11 25 4
gpt4 key购买 nike

我在 React 元素中使用离线版本的 font awesome。我跟着这个manual设置它。我遇到的问题是图标在某些页面上有效,但在其他页面上无效。例如。他们致力于 localhost/courses但不要处理 localhost/courses/1 .或者他们在 localhost/authors 上工作但不要处理 localhost/authors/1 .我希望你能看到模式。我该如何解决这个问题?这是我实现当前解决方案的方式。我下载了包含多个文件夹的离线包。然后我引用了/css/all.css/js/all.jsinside<head>里面标签。

<head>
<link href="/folder/css/all.css" rel="stylesheet">
<script defer src="/folder/js/all.js"></script>
</head>
<body>
<i class="fas fa-user"></i> <!-- uses solid style -->
<i class="far fa-user"></i> <!-- uses regular style -->
<i class="fal fa-user"></i> <!-- uses light style -->
<!--brand icon-->
<i class="fab fa-github-square"></i> <!-- uses brands style -->
</body>

最佳答案

让我试着回答你的问题

最安全的方法是使用您的 Font Awesome 资源的完整 URL,如下所示(如果您的 URL 与我提供的不同,则使用其他完整 URL):

<head>
<link href="//localhost/courses/folder/css/all.css" rel="stylesheet">
<script defer src="//localhost/courses/folder/js/all.js"></script>
</head>
<body>
<i class="fas fa-user"></i> <!-- uses solid style -->
<i class="far fa-user"></i> <!-- uses regular style -->
<i class="fal fa-user"></i> <!-- uses light style -->
<!--brand icon-->
<i class="fab fa-github-square"></i> <!-- uses brands style -->
</body>

其他解决方案是使用如下代码(通过添加 ../),但您必须计算您的 URL 结构需要多长时间才能使其在特定页面上工作:

<head>
<link href="../folder/css/all.css" rel="stylesheet">
<script defer src="../courses/folder/js/all.js"></script>
</head>

我希望这个解决方案对你有用。

关于css - 当我访问某些网址时, Font Awesome 图标不显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57444301/

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