iconfont 使用

iconfont 使用1 获取在线地址 进入 iconfont 网站图标管理 使用方法 DOCTYPE tml htmllang en head metacharset UTF 8 title Document title style fon style metacharset UTF 8 head htmllang en

 

1、获取在线地址【进入iconfont网站图标管理】

iconfont 使用

iconfont 使用

iconfont 使用

 

使用方法:

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> @font-face { 
     font-family: 'iconfont'; src: url('http://at.alicdn.com/t/font__.eot'); /* IE9*/ src: url('http://at.alicdn.com/t/font__.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://at.alicdn.com/t/font__.woff') format('woff'), /* chrome、firefox */ url('http://at.alicdn.com/t/font__.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('http://at.alicdn.com/t/font__.svg#iconfont') format('svg'); /* iOS 4.1- */ } .iconfont{ 
    font-family:"iconfont";font-size:40px;font-style:normal;} .icon-arrowdowncircle:before{ 
    content: '\e601';} </style> </head> <body> <span class="iconfont">&#xe601</span> <span class="iconfont icon-arrowdowncircle"></span> </body> </html>

如下图所示:

iconfont 使用

 

转载于:https://www.cnblogs.com/baixc/p/5009472.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/232458.html原文链接:https://javaforall.net

(0)
上一篇 2025年10月10日 下午12:01
下一篇 2025年10月10日 下午12:22


相关推荐

  • Mutations理解

    Mutations理解Mutations 理解 Mutations 状态跟新 mutations 方法 默认就有一个参数是 stateincreme state state counter decrement state state counter 上边的 increment 和 decrement 就是字符串的事件类型后边的紧跟函数就是回调函数 默认 state 为第一个参数 Mutations 参数传递 addCount count t

    2026年3月18日
    1
  • matlab逆变的参数设计,基于Matlab的孤立逆变电源设计方案 – 全文

    matlab逆变的参数设计,基于Matlab的孤立逆变电源设计方案 – 全文基于Matlab软件平台,采用双环控制策略设计的逆变源,利用Matlab-Simulink-SimPowerSystems的工具箱进行建模仿真,验证了本文所设计方案的可行性和有效性。0引言随着太阳能、风能等可再生能源的发展,分布式发电以其环境污染少、能源综合利用率高、供电可靠等优点,逐渐成为了各国家竞相研究的热点,在美国、欧洲等技术成熟的国家和地区,以将其广泛应用在微电网中。逆变电源作为一种有效…

    2022年6月11日
    70
  • Linux安装MySQL(超详细)

    Linux安装MySQL(超详细)1 查看是否已经安装 Mysqlrpm qa grepmysql 我之前装过一次 如果你查看出来有东西 可以使用下面命令将其删除 rpm e 文件名 2 下载官方 Mysql 包 wget i chttp dev mysql com get mysql57 community release el7 10 noarch rpm 如果安装有提示 Cannotwritet mysql57 community release el7

    2026年3月17日
    2
  • 微信小程序解析富文本标签[通俗易懂]

    微信小程序解析富文本标签[通俗易懂]wxParse方法我踩雷了微信官方文档有个更为便捷的标签<rich-textnodes=”{{}}”></rich-text>

    2022年8月18日
    17
  • clojure-repl的使用套路

    clojure-repl的使用套路

    2021年9月16日
    197
  • java教程孙鑫_[Java基础] 孙鑫老师JAVA无难事视频教程 最适合java入门学习打基础的课程 附源码…「建议收藏」

    java教程孙鑫_[Java基础] 孙鑫老师JAVA无难事视频教程 最适合java入门学习打基础的课程 附源码…「建议收藏」资源介绍课程介绍由孙鑫老师亲自授课录制。内容涵盖面广,从入门到精通,授课通俗易懂,分析问题独到精辟,学员通过本套光盘的学习,能够快速掌握Java编程语言,成为Java高手。由孙鑫老师亲自授课录制。内容涵盖面广,从入门到精通,授课通俗易懂,分析问题独到精辟,学员通过本套光盘的学习,能够快速掌握Java编程语言,成为Java高手。从自学者很难弄明白的Java环境配置开始讲解,一步步引领你成为Java高…

    2022年5月17日
    36

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号