美文网首页
3.伪元素里面放icon字体

3.伪元素里面放icon字体

作者: Sune小叶子 | 来源:发表于2018-05-22 10:50 被阅读0次

在下载的iconfont文件的iconfont.css文件里面可以找到icon的content属性值:


icon

那么我们可以将伪元素的属性设置如下,这样就可以正常显示:

&::after{
        display: block;
        font-family: "iconfont" !important;
        font-size:90px;
        font-style: normal;
        -webkit-font-smoothing:antialiased;
        -moz-osx-font-smoothing:grayscale;
        content: "\e605";
 }

相关文章

  • 3.伪元素里面放icon字体

    在下载的iconfont文件的iconfont.css文件里面可以找到icon的content属性值: 那么我们可...

  • CSS基础

    伪类和伪元素的区别 伪类表示状态 伪元素是真的有元素 前者单冒号,后者双冒号 图标 将svg图片转化为图标字体文件...

  • css课程学习

    1.css伪类### 2.css3新增伪类### 3.伪元素### 4.定位### 绝对定位(absolute):...

  • web前端入门到实战:CSS 计数器

    CSS 里面的伪元素其实是非常好用的,但是经常容易被大家忽略,伪元素里面常用到的 content 属性,可能现在很...

  • CSS3新特性

    1.属性选择器 2.结构伪类选择器 3.伪元素选择器(重点) 伪元素选择器可以帮助我们利用CSS创建新标签元素,而...

  • 细说CSS伪类和伪元素

    原文 博客原文 大纲 1、伪元素2、伪类元素3、伪元素和伪类元素的区别4、伪类和伪元素的使用 1、伪元素 伪元素在...

  • 谈谈css里面伪类和伪元素

    目录(按 vscode 中的提示来) 伪元素 一、 ::after 常用方法 二、 ::backdrop 设置某些...

  • 清除浮动方法

    2.伪类 3.添加空元素并添加样式属性

  • 无标题文章

    UI设计规范 1.色彩 2.字体排版(字体名称、大小、行间距) 3.度量与间距 4.icon 5.按钮 6.导航栏...

  • 小程序中引用icon-font

    ##简介 icon适量字体,能够适应各种尺寸而不失真,在小程序中使用icon-font字体。 font-famil...

网友评论

      本文标题:3.伪元素里面放icon字体

      本文链接:https://www.haomeiwen.com/subject/nnhhjftx.html