Question

在我的laravel 5.7 / Bootstrap 4.1应用程序中我用命令安装了真棒字体包

npm install font-awesome --save

在我的package.json中，我有：

"dependencies": {
    ... 
    "font-awesome": "^4.7.0",
    ... 
}

在webpack.mix.js中，有一行：

mix.copy('node_modules/font-awesome/fonts', 'public/fonts');

我在字体目录中看到

nick@nick:project/public/fonts$ ls -la
total 1080
drwxrwxrwx 1 root root   4096 лис  9 14:32 .
drwxrwxrwx 1 root root   4096 лис  6 06:04 ..
-rwxrwxrwx 1 root root 134808 лис  9 14:32 FontAwesome.otf
-rwxrwxrwx 1 root root 165742 лис  9 14:32 fontawesome-webfont.eot
-rwxrwxrwx 1 root root 444379 лис  9 14:32 fontawesome-webfont.svg
-rwxrwxrwx 1 root root 165548 лис  9 14:32 fontawesome-webfont.ttf
-rwxrwxrwx 1 root root  98024 лис  9 14:32 fontawesome-webfont.woff
-rwxrwxrwx 1 root root  77160 лис  9 14:32 fontawesome-webfont.woff2
drwxrwxrwx 1 root root   4096 лис  7 10:16 roboto
drwxrwxrwx 1 root root      0 лип 22 08:07 vendor

问题是当我尝试使用这些图标时，并不是所有图标都被渲染。说图标fa fa-alicorn或fa fa-air-freshener为空。我从此https://fontawesome.com/icons?d=gallery&q=freshener选择器中选择了图标。

您可以通过http://votes.nilov-sergey-demo-apps.tk/admin/dashboard网址进行检查，在“图标示例”下的某些图标可见，但有些不可见。

为什么？我的应用中这些图标的版本是否不同？

谢谢！

Answer 1

未显示的图标在您的字体版本中不可用。您正在使用Fontawesome v4，缺少的图标仅在fontawesome v5中可用。

Here，您可以找到适用于v4的所有图标：

Here，可以找到v5的安装指南。

为什么某些无法显示字体的图标

1 个答案: