美文网首页我爱编程
文字图标的使用

文字图标的使用

作者: ghost__ | 来源:发表于2018-04-12 17:29 被阅读22次
获取素材

素材网址:https://icomoon.io/#home

进入点击.png
选择想要的素材,选好后点击.png
点击下载.png
下载下来的文件.png
导入工程
文件导入工程.png
使用

将下载下来的文件中的style.css打开复制图片中代码写入工程的css文件中


style.css.png 代码微调.png

打开文件中demo.html,复制指定位置


复制.png

将复制的东西 粘贴到你需要用的地方 当做文字使用就好


粘贴.png

在需要使用的标签css配置哪里设置font-family 可以按照文字标准设置颜色 大小等


font-family.png

最后显示效果 箭头


显示.png

相关文章

  • 文字图标的使用

    获取素材 素材网址:https://icomoon.io/#home 导入工程 使用 将下载下来的文件中的styl...

  • UI-17-11-29

    注意:文字左右间距。文字的对齐。文字最小20px。图标的粗细。图标的矢量图。点击范围最小区域88px。大分栏40p...

  • app主页开发

    PC浏览器上的tab 标签里的图标的展示问题。 优化:小图尽量使用精灵图。北京大图如果能使用.jpg,就不使用.p...

  • 10.英语单词联想

    使用思维导图将单词进行联想,是特别棒的一种学习方式!在绘制过程,思路特别清晰,图标的使用加深了记忆,使整幅图变得越...

  • 设置元素的背景

    雪碧图被运用在众多使用了很多小图标的网站上。相对于把每张小图标以.png格式文件的形式引用到页面上,使用雪碧图只需...

  • 文字之光推文格式

    标题:直接使用荐文标题 首图(包含文章标题、作者) 正文文字(中间可有插图,千字一图,不适合过多) 尾图 【文字之...

  • 为文字贴上不同的纹理图案达到镂空效果。

    图1_使用图片做纹理 图2_使用渐变做纹理 加个小动画 用CATextLayer作为mask,是因为当文字层和图片...

  • Font Awesome图标库的使用方法

    前言 在项目中,往往会使用到小图标,我们可以直接使用UI给的图,但是这样多次改变图标的颜色好像有点麻烦。笔者习惯使...

  • 游标的使用

    一、简介 1、游标的概念 游标(Cursor) 就是一个变动的光标,它本质上是一个指针,指向从数据库查询出来的结果...

  • 网易云音乐Android 3.0视觉设计规范文档

    从APP文字使用规范、APP图标使用规范、APP默认图使用规范和APP按钮使用规范来说明分享的。 网易云音乐And...

网友评论

    本文标题:文字图标的使用

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