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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 史上最简单的 SpringCloud 教程 | 第一篇: 服务的注册与发现(Eureka)[通俗易懂]

    史上最简单的 SpringCloud 教程 | 第一篇: 服务的注册与发现(Eureka)[通俗易懂]springcloud为开发人员提供了快速构建分布式系统的一些工具,包括配置管理、服务发现、断路器、路由、微代理、事件总线、全局锁、决策竞选、分布式会话等等。它运行环境简单,可以在开发人员的电脑上跑。另外说明springcloud是基于springboot的。本文主要介绍了服务的注册与发现。

    2022年4月28日
    59
  • SD/MMC卡介绍

    SD/MMC卡介绍1.1.什么是MMC卡MMC:MMC就是MultiMediaCard的缩写,即多媒体卡。它是一种非易失性存储器件,体积小巧(24mm*32mm*1.4mm),容量大,耗电量低,传输速度快,广泛应用于消费类电子产品中。1.2.什么是SD卡SD:SD卡为SecureDigitalMemoryCard,即安全数码卡。它在MMC的基础上发展而来,增加

    2022年4月29日
    102
  • java工厂模式三种详解(部分转载)

    java工厂模式三种详解(部分转载)工厂方法模式(FactoryMethod)工厂方法模式分为三种:1、普通工厂模式,就是建立一个工厂类,对实现了同一接口的一些类进行实例的创建。首先看下关系图:举例如下:(我们举一个发送邮件和短信的例子)首先,创建二者的共同接口:[java]viewplaincopypublicinterfaceSender{ publicvoidSe…

    2022年7月20日
    14
  • 乌班图下压缩文件的处理

    乌班图下压缩文件的处理

    2021年8月28日
    132
  • 找不到springapplication_idea显示找不到或无法加载主类

    找不到springapplication_idea显示找不到或无法加载主类学习是一件反人性的事情最近计划重拾微服务的学习,于是使用官方的quickinitialization生成了一个示例项目,发现SpringApplication始终无法引入,当前使用的版本是SpringBoot2.0.3.RELEASE,仔细查了一下maven依赖,对应的spring-boot-2.0.3.Release.jar包里是存在SpringApplication类的。各…

    2025年10月15日
    2
  • 登录注册HTML页面代码「建议收藏」

    登录注册HTML页面代码「建议收藏」一、注册创建register.html文件,录入如下代码<!DOCTYPEhtml><html><head><metacharset=”UTF-8″><title></title><styletype=”text/css”>form{width:100%;

    2022年6月10日
    87

发表回复

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

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