本地托管的 Fontawsome 6 不显示图标

问题描述 投票:0回答:1

我正在尝试在本地托管 font awsome,尽管它没有显示其图标,我也不知道为什么。 这就是我所做的:

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset = UTF-8">
        <title>Title</title>
        <link rel="icon" type="image/x-icon" href="resources/favicon.ico" />
        <link rel="stylesheet" href="css/bootstrap.min.css"/>
        <link rel="stylesheet" href="fontawsome/css/font-awesome.min.css">
        <link rel="stylesheet" href="fontawsome/css/brands.min.css">
        <link rel="stylesheet" href="fontawsome/css/solid.min.css">
    </head>

    <body>
        <i class="fa-solid fa-user"></i>
    ...
    </body>

这是我添加到我的项目中的文件:我添加到我的项目中的字体很棒的文件

我尝试查看https://docs.fontawesome.com/web/setup/host-yourself/webfonts,但它没有说要做任何不同的事情。我预计会显示 fontawsome 图标

html css font-awesome
1个回答
0
投票

好吧,这里有一些您可以尝试的解决方案:

  1. 清除缓存:清除浏览器的缓存或执行硬刷新(macOS 上的 Ctrl + F5 或 Cmd + Shift + R)以删除旧的缓存文件。

  2. Font Awesome 版本:确保您使用的类与当前的 Font Awesome 版本兼容。例如,Font Awesome 6+ 包含 fa-solid 类。如果您使用 Font Awesome 5 或更早版本,请使用 fas 而不是 fa-solid。

  3. 检查浏览器开发者工具:按F12打开浏览器的开发者工具,然后检查“控制台”和“网络”选项卡是否有错误或资源加载失败(例如404)。您可能会注意到丢失的文件或不正确的路径可能会阻止渲染。

© www.soinside.com 2019 - 2024. All rights reserved.