Question

我使用的是Font Awesome的最新版本。在查看网站的响应版本时，我有一个导航面板。在右上角，我需要一个X（Font Awesome CSS：f00d）。该图标不显示。确实出现了其他图标，例如文件夹图标（f07b）。为什么会这样，我在做什么错呢？例如：beta.degeintrappers.nl

我在脑海中使用： <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">

我有CSS：

#navPanel .close:before {
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            font-family: "Font Awesome 5 Free";
            font-style: normal;
            font-weight: normal;
            text-transform: none !important;
        }

        #navPanel .close:before {
            content: "\f00d";
            font-size: 1.25rem;
        }

Answer 1

Font Awesome并未很好地记录此问题，但是，解决方法是通过附加font-family和font-weight属性。

#navPanel .close:before {
            font-family: "Font Awesome 5 Free";
            content: "\f00d";
            font-size: 1.25rem;
            font-weight: 900;
        }

为什么某些“真棒字体”图标没有显示？

1 个答案: