伪元素 字体图标
作者：互联网
<!DOCTYPE html>
<html lang="en">
<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> @font-face { font-family: 'icomoon'; src: url('fonts/icomoon.eot?cv013x'); src: url('fonts/icomoon.eot?cv013x#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?cv013x') format('truetype'), url('fonts/icomoon.woff?cv013x') format('woff'), url('fonts/icomoon.svg?cv013x#icomoon') format('svg'); font-weight: normal; font-style: normal; } span { font-family: 'icomoon'; position: absolute; top: 10px; right: 10px; } div, p { position: relative; width: 249px; height: 35px; border: 1px solid red; } /* p::after { content: ""; font-family: 'icomoon'; position: absolute; top: 10px; right: 10px; } */ p::after { content: "\ea50"; font-family: 'icomoon'; position: absolute; top: 10px; right: 10px; } </style> </head>
<body> <div> <span></span> </div>
<p></p>
</body>
</html>
<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> @font-face { font-family: 'icomoon'; src: url('fonts/icomoon.eot?cv013x'); src: url('fonts/icomoon.eot?cv013x#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?cv013x') format('truetype'), url('fonts/icomoon.woff?cv013x') format('woff'), url('fonts/icomoon.svg?cv013x#icomoon') format('svg'); font-weight: normal; font-style: normal; } span { font-family: 'icomoon'; position: absolute; top: 10px; right: 10px; } div, p { position: relative; width: 249px; height: 35px; border: 1px solid red; } /* p::after { content: ""; font-family: 'icomoon'; position: absolute; top: 10px; right: 10px; } */ p::after { content: "\ea50"; font-family: 'icomoon'; position: absolute; top: 10px; right: 10px; } </style> </head>
<body> <div> <span></span> </div>
<p></p>
</body>
</html>
标签：fonts,icomoon,url,元素,cv013x,字体,10px,font,图标 来源： https://www.cnblogs.com/ericblog1992/p/12933294.html