<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
<style type="text/css">
@font-face {font-family: "iconfont";
src: url('font/iconfont.eot'); /* IE9*/
src: url('font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('font/iconfont.woff') format('woff'), /* chrome, firefox */
url('font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
div{
font-family: "iconfont";
font-size:50px;
color:red;
}
.box::before{
font-family: "iconfont";
content:"\e61d";
CSS写大叉和红心
最新推荐文章于 2024-07-21 20:52:32 发布
这篇博客展示了如何利用CSS的`@font-face`规则和`content`属性结合自定义字体来创建大叉(e61d)和红心(e61d)的图标。通过设置`font-family`、`font-size`和`color`属性来调整图标样式,同时使用伪元素`::before`创建了一个带有边框的大叉图标。
摘要由CSDN通过智能技术生成