给网站文字添加图标-Font Awesome

Font Awesome图标库是很多站长都在使用的，使用起来也非常的简单有一些主题的目录啊导航等都没有图标，光秃秃的，我正在使用的大前端也是这样，给导航或分类添加一个图标会让网站页面变得更精致，合理运用图标美化网站可以让网站加分

进入官网：http://www.fontawesome.com.cn/

然后点击右上角的图标库

然后就会跳出搜索框，你只需要按照自己文字的大概含义搜索一下一般都能找到能与内容匹配的内容，搜索按钮必须要用英文不然无法搜索

选择图标—>复制图标代码—>在网站合适位置添加

一般的主题都是支持Font Awesome图标库的，如果你发现你的网站不支持，那就应该是网站没有引用Font Awesome，只需要把下面代码复制在网站的</head>前就可以用代码引用

<link href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css" rel="stylesheet">

给网站文字添加图标-Font Awesome相关推荐

如何给网站标题添加图标(favicon)
如何给网站标题添加图标(favicon) 什么是favicon? 如何定义favicon? 第一种方法,在服务器根目录下放置favicon.ico文件什么是ico 第二种方法,在网页\\标签中引入l ...
怎么在浏览器网站前添加图标（图片）
大家在浏览很多网站的时候都会发现在浏览器的地址栏前面会有一个小图标,在浏览器的标签位置也有一个小图标,例如 CSDN是个C .网易163邮箱是个"易".360浏览器是他们的logo ...
为应用程序添加图标 ios_为已添加书签的网站添加iOS图标
自1999年引入Internet Explorer 5以来,书签图标或更常见的图标被称为favicon(收藏夹图标).书签图标或favicon通常使用.ico (有时也使用.png格式)指定为16×1 ...
为网站文字前面添加图标在线调用 Font Awesome 字体icon小图标美化网站
一.如何开始 1.将下面的代码复制粘贴到HTML页面面的 <head> 下面 <link rel="stylesheet" href="https:// ...
java 批量为图片添加图标水印和文字水印
需求,给指定目录下面以.jpg结尾的文件,添加图标水印和文字水印文章目录一.基础版本二.升级版本三.依赖一.基础版本 package com.gblfy.util;import com.su ...
html中怎么在图片上做导航,如何给导航菜单添加图标 | Catfish(鲶鱼) CMS | 免费开源CMS - 快速建站系统 - 官方网站...
我们访问某些网站的时候,会发现导航菜单的文字前面有一个小图标,如下图所示: 在鲶鱼系统里面我们怎么来添加这个文字前面的图标呢? 下面我们来介绍一下如何实现. 首先我们进入系统后台,在后台的侧边栏中找到 ...
网站顶部添加滚动文字
如果我们在自己网站上添加一段滚动的文字会显得更高级一些,下面就看我如何实现的吧: 实现效果[具体看本站] 实现代码[精心整理] // 1.来回滚动 <marquee behavior=" ...
php网站标签加小图标,在htmltitle/title标签添加图标，网页title左边显示网页的logo图标...
如图在黑色所画圆之中显示一个图标: 步骤一:在图片中显示图标,这里的图片只支持ico格式,需要转换图片格式. 原始图像可以接受: .jpg .jpeg .gif .png等图像格式在这个网址http ...
给工具栏按钮添加图标和文字
假设工具栏有两个按钮,为每个按钮添加图标和文字 1.新建一个单文档程序,将准备好的图标资源(32×32)复制到res文件夹. 2.在资源中打开工具栏编辑器,删除(del)原有的位图和多余的按钮(将按钮 ...

给网站文字添加图标-Font Awesome

给网站文字添加图标-Font Awesome相关推荐

最新文章

热门文章