animatecss/外部引入字体/外部引入iconfont

animatecss

使用 animate.css
1.直接在元素上使用
需要添加公共类 animate_animated,然后根据效果添加需要使用的动画类名,注意以animate_为前缀 animate_动画名
2.使用 animate.css的动画名
不用刻意添加类名,可以直接在css中声明animation属性,然后他的动画名时animate.css中的即可

 <div class="wp animate__animated animate__bounce"></div>
    <div class="wp animate__animated animate__wobble"></div>

引入外部字体

引入外部字体
字体格式
1.ttf:专门用于标准浏览器和 Android等(最常用)
2.svg:支持ios
3.eot:仅支持ie浏览器
4.woff 支持火狐和谷歌

使用步骤
1.将字体引入到项目中
2.声明引入的字体族
3.在设置css字体的时候,使用声明的字体族

声明字体族的方式
@font-face{
font-family:‘自定义的字体族名字’;
src:url(‘字体资源地址’);
}

外部引入iconfont

1.下载图标并且引入iconfont.css
2.在使用的标签上引入 类名iconfont
3.引入需要的图标类

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值