简单搭建网站
从零开始学习

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

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

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

然后点击右上角的图标库

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

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

下面就是我复制放在文章里的图标

文字 文字 文字 文字 文字 文字 文字 文字

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

<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">

wordpress使用方法

如果是页面上加图标就直接在标题前复制图标代码,记得在代码后添加空格

如果是菜单添加图标就在菜单这个名称这里添加图标代码

是不是wordpress都是可以使用的,总体操作大同小异,不过图标库要合理使用才能发挥出效果哦,如果是想在网页上直接添加图标就直接复制代码上去就行了,只是像这些博客程序的分类和页面需要这样操作

赞(2) 打赏梁某人
未经允许不得转载:每篇文章都是博主的心血,偷盗文章事最可耻的事情梁某人的个人网站 » 给网站文字添加图标-Font Awesome

发表评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

梁某人的个人网站

免费云存储免费云存储

靓仔!打赏一元试试看啊

支付宝扫一扫打赏

微信扫一扫打赏