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.引入需要的图标类