Font-Awesome4.7.0版本字体图标显示问题

简介: 在Font-Awesome4.7.0版本有时可能会出现字体图标显示为空白小方框的情况,本文提供一个解决思路

在Font-Awesome4.7.0版本有时可能会出现字体图标显示为空白小方框的情况,本文提供一个解决思路


解决方法

经过一系列踩坑,终于找到了一个解决方法,那就是引入CSS过程中直接引入官方的CDN,代码如下,将其输入到<head></head>头部即可

<link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css


具体的字体图标使用方法请参考我的这篇文章,讲的很详细了

Font-Awesome如何引入矢量字体图标

目录
相关文章
|
前端开发 API
css:网页引入字体@font-face以及动态加载字体
css:网页引入字体@font-face以及动态加载字体
379 0
css:网页引入字体@font-face以及动态加载字体
|
3月前
|
缓存 前端开发 Linux
如何使用 @font-face 和 font-display 在 CSS 中定义自定义字体
如何使用 @font-face 和 font-display 在 CSS 中定义自定义字体
92 0
|
6月前
|
前端开发
particlesJS使用简介,CSS字体样式值
particlesJS使用简介,CSS字体样式值
|
前端开发 程序员
css制作的tip提示框
css制作的tip提示框
293 0
|
前端开发 开发者
前端封装库/工具库的字体/图标之Font Awesome
随着前端技术的不断演进,前端封装库/工具库在Web开发中扮演着越来越重要的角色。其中,字体/图标工具库可以为Web应用程序提供美观、一致和易于管理的图标。而Font Awesome是一个非常受欢迎和广泛使用的字体/图标库。今天我们将探讨一下Font Awesome这个实用工具库。
433 1
|
前端开发
CSS基础之字体样式
CSS基础之字体样式
206 0
CSS基础之字体样式
|
开发者
Font-Awesome如何引入矢量字体图标
在开发网页的过程中,我们会经常需要用到一些小图标来进行形象地说明解释或者装饰网页,但是传统的图片引用方式引入的的是图像图标,不易修改,而矢量字体图标则能很好地解决这一问题,因为矢量字体图标的本质是字体,可以使用“<style>”标签对其属性进行修改,非常方便,已经被广泛应用于网页开发中!本文主要介绍font-awesome-4.7.0的引入和使用
381 0
Font-Awesome如何引入矢量字体图标
|
前端开发
CSS3中引入多种自定义字体(font-face)
CSS3中引入多种自定义字体(font-face)
448 0
CSS3中引入多种自定义字体(font-face)
|
前端开发
web前端学习(十五)——CSS3字体属性(font)的相关设置
web前端学习(十五)——CSS3字体属性(font)的相关设置
web前端学习(十五)——CSS3字体属性(font)的相关设置
sketch 如何规范的设置自己的字体样式库( Text styles )
sketch 如何规范的设置自己的字体样式库( Text styles )
sketch 如何规范的设置自己的字体样式库( Text styles )