跳至主要內容
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • 一个关于 iconfont 的问题
未分類
31 5 月 2020

一个关于 iconfont 的问题

一个关于 iconfont 的问题

資深大佬 : JCZ2MkKb5S8ZX9pq 9

情况说明

  • 为了在小程序里调用 iconfont,我习惯这么用。
@font-face {     font-family: "iconfont";     src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAA.....AAAA=') format('woff2'), }  .iconfont {     font-family: "iconfont" !important;     font-style: normal;     -webkit-font-smoothing: antialiased;     -moz-osx-font-smoothing: grayscale; }  .iconfont:before {     margin: 0 .25em 0 0; }  .iconfont.tags:before {     content: "e880"; } 

问题

  • 现在用到的一些 icon 没有现成的 iconfont (一些国内外社交平台的图标 /最好是单色),虽然零星也有一些但不统一,所以需要自己做图。
  • 导出 png 的话,小程序需要用 bg-img 这种骚操作,要改色的话还要用到 mask,有点绕,每次都要翻自己以前的代码。
  • 导出 svg 的话,请问怎么搞成这种 woff 的字体格式呢?而且 content 调用时的名称是怎么来的?
大佬有話說 (3)

  • 資深大佬 : cheese

    自己 AI 作图,导成 svg,然后去 iconfont.cn 上传一下,直接下代码就行了

  • 主 資深大佬 : JCZ2MkKb5S8ZX9pq

    @cheese 原来可以上传的啊……一直白嫖来着……

  • 資深大佬 : designer

    我是用这个做图标字体的 https://icomoon.io/
    推荐下我自己的图标 http://chuangzaoshi.com/icon/

文章導覽

上一篇文章
下一篇文章

AD

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文

51la

4563博客

全新的繁體中文 WordPress 網站
返回頂端
本站採用 WordPress 建置 | 佈景主題採用 GretaThemes 所設計的 Memory
4563博客
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?
在這裡新增小工具