font-awesome不显示以及字体样式的引入方式:

简介: font-awesome不显示以及字体样式的引入方式:

font-awesome不显示

1,解决:从官网下载了 font-awesome-4.7.0压缩包,解压后,看到有(我下载的4.7.0版本):

74.png

 

2,使用时,不能只把css文件复制到自己的工程项目下,还需要把fonts文件夹一起复制过去【问题解决】

 

ps:字体样式的引入方式:

(1)官网下载样式copy到自己的工程项目下link引入

(2)引入线上的样式:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

提示:75.png,点击下载一下,就可以使用啦.

(3)此方法还可以只引入某个图标选择引入它的代码就可以使用了:例如:引入阿里矢量图库中 :步骤:

选择自己需要的图标-》点“购物车”按钮去-》添加到项目(没有项目则随便起个项目名创建一个)76.png

-》选择 Font-class 的引入方式:77.png

点击更新一下代码:78.png

-》复制生成的代码到<link href=" ">中,

然后,再复制图标名称,注意引入阿里图标名称到元素的class=“ ” 【加前缀 iconfont

“复制代码”即可获得图标名称,79.png

举例:

注意ideal高亮的时候,按照提示,点击一下下载:

81.png

 

使用

82.png

 

目录
相关文章
|
前端开发 API
css:网页引入字体@font-face以及动态加载字体
css:网页引入字体@font-face以及动态加载字体
432 0
css:网页引入字体@font-face以及动态加载字体
|
9月前
|
Android开发 开发者
Android UI设计中,Theme定义了Activity的视觉风格,包括颜色、字体、窗口样式等,定义在`styles.xml`。
【6月更文挑战第26天】Android UI设计中,Theme定义了Activity的视觉风格,包括颜色、字体、窗口样式等,定义在`styles.xml`。要更改主题,首先在该文件中创建新主题,如`MyAppTheme`,覆盖所需属性。然后,在`AndroidManifest.xml`中应用主题至应用或特定Activity。运行时切换主题可通过重新设置并重启Activity实现,或使用`setTheme`和`recreate()`方法。这允许开发者定制界面并与品牌指南匹配,或提供多主题选项。
139 6
|
9月前
|
Android开发 开发者
Android UI中的Theme定义了Activity的视觉风格,包括颜色、字体、窗口样式等。要更改主题
【6月更文挑战第25天】Android UI中的Theme定义了Activity的视觉风格,包括颜色、字体、窗口样式等。要更改主题,首先在`styles.xml`中定义新主题,如`MyAppTheme`,然后在`AndroidManifest.xml`中设置`android:theme`。可应用于全局或特定Activity。运行时切换主题需重置Activity,如通过`setTheme()`和`recreate()`方法。这允许开发者定制界面以匹配品牌或用户偏好。
96 2
|
8月前
|
前端开发
设计--字体样式---斜体,CSS字体属性用法
设计--字体样式---斜体,CSS字体属性用法
|
9月前
|
移动开发 JavaScript 前端开发
rem的适配方案,css文件和js文件的引入方式,特色小边框的制作,DS-Digital.ttf数字展示屏的使用方法:,自适应图片 background-size,jQuery爆bug,a和盒子居中,
rem的适配方案,css文件和js文件的引入方式,特色小边框的制作,DS-Digital.ttf数字展示屏的使用方法:,自适应图片 background-size,jQuery爆bug,a和盒子居中,
|
10月前
|
前端开发
particlesJS使用简介,CSS字体样式值
particlesJS使用简介,CSS字体样式值
|
10月前
|
前端开发
css 字体渐变样式(设置字体渐变样式+附加实现源码)
css 字体渐变样式(设置字体渐变样式+附加实现源码)
67 0
【JavaWeb学习】—font字体标签(一)
【JavaWeb学习】—font字体标签(一)
|
10月前
|
JavaScript
Ant Design Vue设置表格滚动 宽度自适应 不换行
Ant Design Vue设置表格滚动 宽度自适应 不换行
|
前端开发
CSS基础之字体样式
CSS基础之字体样式
250 0
CSS基础之字体样式