系统内置字体图标

最后更新: | 浏览次数: 179|前端开发

文件说明

ZMCMS前端核心框架内置104个常用字体图标

文件位置:/plugins/fonts/cmsfont2.woff2

字体名称:CmsFont

使用方法

引用核心CSS文件后

1.CSS Class方式:

<i class="icon icon-tiktok"></i>

2.CSS代码方式:

.home:before{font-family:cmsfont;content:"\e07b"}

图标列表

标注为红色的图标不可以通过Css Class 方式调用

icon-tiktok
icon-twitter
icon-linkedin
icon-youtube
icon-instagram
icon-qq
icon-weixin
icon-cc-visa
icon-cc-paypal
icon-pinterest
icon-whatsapp
icon-reddit
icon-facebook
icon-alipay
icon-skype
icon-line
icon-home-alt
icon-search
icon-heart
icon-star
icon-user
icon-download
icon-qrcode
icon-tag
icon-tags
icon-calendar
icon-shopping-cart
icon-comments
icon-trophy
icon-globe
icon-filter-alt
icon-link
icon-bars
icon-envelope
icon-cloud-upload
icon-star-half
icon-th-large
icon-clock
icon-info-circle
icon-expand
icon-phone-left
icon-quote-left
icon-quote-right
icon-spinner
icon-trash
icon-play-circle
icon-thumbs-up
icon-thumbs-down
icon-fax
icon-file-pdf
icon-share
icon-cart-arrow-down
icon-user-circle
icon-usd-circle
icon-map-marker
icon-mobile
icon-comment-alt
icon-award
icon-globe-americas
icon-phone-office
icon-home
icon-phone
icon-check
icon-times
icon-chevron-left
icon-chevron-right
icon-times-circle
icon-check-circle
icon-arrow-left
icon-arrow-right
icon-arrow-up
icon-arrow-down
icon-chevron-up
icon-chevron-down
icon-arrow-circle-left
icon-arrow-circle-right
icon-arrow-circle-up
icon-arrow-circle-down
icon-caret-down
icon-caret-up
icon-caret-left
icon-caret-right
icon-angle-left
icon-angle-right
icon-angle-up
icon-angle-down
icon-long-arrow-left
icon-long-arrow-right
icon-angle-double-left
icon-angle-double-right
icon-angle-double-up
icon-angle-double-down
icon-play-circle-thin
icon-long-arrow-down
icon-long-arrow-up
icon-caret-down-alt
icon-caret-up-alt
icon-caret-left-alt
icon-caret-right-alt
icon-quote-left-alt
icon-quote-right-alt
icon-plus
icon-minus
文档