如何修复手机/ chrome上不显示的字体真棒图标?

时间:2019-07-10 06:14:59

标签: html css font-awesome

<i class="fa fa-laptop-code large-icon"></i>

我将此html代码用于字体真棒图标,它在桌面上完美显示,问题仅在于移动视图。**

4 个答案:

答案 0 :(得分:0)

可能的问题1

您正在使用

<i class="fa fa-laptop-code large-icon"></i>

如果您使用的是最新版本的font-awesome,则很有可能是

<i class="fas fa-laptop-code"></i>

尝试降级您的版本或将您的类更新为“ fas”

可能的问题2

检查您的移动视图是否有仅在移动视图中存在的css,例如

@media screen and (max-width:600px){

}

答案 1 :(得分:0)

此问题主要发生在您使用过时的 Font Awesome CDN 时。尝试使用他们网站上的最新版本。

希望这会奏效。

答案 2 :(得分:0)

当我尝试使用 CSS 文件夹中的 all.css 文件自己托管字体真棒图标并将其导入 HTML 页面时,我遇到了同样的问题。我通过导入字体真棒 CDN 链接而不是使用 all.css 文件解决了该问题。

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css" integrity="sha384-SZXxX4whJ79/gErwcOYf+zWLeJdY/qpuqC4cAa9rOGUstPomtqpuNWT9wdPEn2fk" crossorigin="anonymous">

答案 3 :(得分:-1)

确保您的手机已连接到互联网