sketch-iconfont

授权协议 Readme
开发语言 JavaScript
所属分类 应用工具、 图形和图像工具
软件类型 开源软件
地区 不详
投 递 者 华景焕
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

New plugin

Hello everyone! I just created a totally new plugin to establish easier and reliable workflow. if you'd like to test out, it's here: https://github.com/keremciu/sketch-iconfont-web waiting for your feedback! :)


⚠️ BEFORE UPDATE:If you're using custom icon fonts, please export your font bundle like this: VIDEOthen update the plugin, you can install the your custom-font-bundle without losing your custom fonts.

Dark Mode supports - 18 March 2019 (version 4.7.0)

  • Adds dark mode support

Version 48 supports - 7 December 2017 (Version 4.6.0)

New version and release video is coming - 19 January 2017

  • I took a video about import custom icons (VIDEO)

Version 41 supports - 9 November 2016 (Version 4.5.1)

  • ColorWithSVGString method deprecated, I fixed it
Non-text layer selection problem fixed - 4 October 2016 (Version 4.4.2)

Problem here https://twitter.com/mwstrmnn/status/782979129780146178

New Features and Fixes - 17 August 2016 (Version 4.4.0)

Hey guys, I've fixed the problem with 3.91 version of Sketch.

Also we've new features like multiple text change, I will share gifs about them soon. Before sharing gifs, you can find and use them :)

First Install

First use? you need to watch (THIS VIDEO)

Please if you have an issue, first watch the video.

New Feature - Convert Command - 29 April 2016

demo

Your teammates don't have your icon-fonts? don't worry now you can convert all icons with one command then share it.

Use Icon Fonts in Sketch

This plugin helps you easily insert and manage icons from icon fonts - such as FontAwesome, Ion or Material Design Icons - in your Sketch designs.

Use any icon font.

The plugin itself has no font built-in. You will need to download and install the fonts you wish to use directly from the font publisher. The most popular ones, however, have been put into a bundle which you can easily download from here: https://github.com/keremciu/font-bundles

=======

- Features

Why you need to use it

For The Designer:When a designer wants to add an icon from an icon font - such as material design, fontawesome, etc. - they usually need to find a cheatsheet containing all the font's icons, and then manually copy+paste each one they wish to use into their design - or use a third-party application. Time consuming and cumbersome.

  • You can now easily view and add any icon directly Sketch!

For The Developer:When a developer wants to find out the name of an icon that was used by the Designer, they need to search through a lengthy list of icons, until they find it. Time consuming and cumbersome.

  • You can now easily find out an icon's name directly in Sketch, without needing to perform a search!

=======

- Installation

Using Sketch Toolbox

  1. Install 'Sketch Iconfont' plugin directly from Sketch Toolbox.
  2. Install a font containing an svg font file, or install a font bundle - such as the one provided here: https://github.com/keremciu/font-bundles

Manually

  1. Download and extract the ZIP bundle of this plugin from this repo.
  2. Put the folder into your Sketch plugin folder (Use Plugins > Reveal Plugins Folder to find the plugin folder).
  3. Install a font containing an svg font file, or install a font bundle - such as the one provided here: https://github.com/keremciu/font-bundles

=======

- Documentation

Its a little documentation about commands
Command Description
Install a Font-Bundle Install a newly downloaded font bundle.
Export your Font-Bundle Export or backup all of your icon fonts previously installed. Recommended to use before you install new version of the plugin.
Install a Font Install a newly downloaded font - containing an svg font file.
Remove a Font Remove a previously installed font.
Grid Insert Insert an icon by searching for it in a visual grid table.
Name Insert Insert an icon by name.
HTML of Selected Icon To use an icon on web or mobile, select it and use this command.

- Minimum Dependencies

  • OSX El Capitan & Yosemite (#44)
  • Sketch 3.4.4.

You can follow me on twitter to get updates.http://twitter.com/keremciu

License

MIT

=======

Donate

��

how about supporting my time-savers? if you'd like to buy me a beer, you can make it on PayPal then I can focus more on this stuff while having a beer �� https://www.paypal.me/ciukerem

Old version

You can see an old version of this plugin here: http://i.imgur.com/EBGmlSe.gif - and you can download it from here: https://github.com/keremciu/sketch-iconfont/tree/oldversion

  • iconfont 使用 svg引入方式参考文章@十木禾 参考文章@一像素的执着 方法一:svg 引入 创建一个 iconfont.js 文件 将从 icon-font 网站中下载的代码粘贴进上面的js文件。 在 main.js 文件中引入改js文件 使用方式 // 在 main.js 文件中引入 iconfont.js 文件 import './assets/iconfontsvg' // 正常

  • 图标库 font-awesome 简易用法:  安装:npm install font-awesome --save  引入:在主入口函数内引入import 'font-awesome/css/font-awesome.css'  使用:用i标签<i class="fa fa-search"></i> 可能遇到的问题:部署后图标消失,解决方法点这里 font-awesome 5 复杂用法: 点这里

  • https://www.iconfont.cn/ 转载于:https://www.cnblogs.com/leo9527/p/10471892.html

 相关资料
  • 作者:宋佳 邮箱:songjia@haomo-studio.com 目录 一. 介绍 二. 界面 三. 图层 四. 图形 五. 文本 六. 图片 七. 符号 八. 式样 九. 编组 十. 画布 十一. 导出 十二. 导入 十三. 偏好设置 十四. 性能 十五. 性能 十六. 快捷键 一.介绍 1.sketch介绍 Sketch 是一款适用于所有设计师的矢量绘图应用。矢量绘图也是目前进行网页,图标以

  • Sketch 是 Android 上一款强大且全面的图片加载器,除了图片加载的必备功能外,还支持 GIF,手势缩放、分块显示超大图片、自动纠正图片方向、显示视频缩略图等功能 特性: 多种 URI 支持. 支持 http://、https://、asset://、content://、file:///sdcard/sample.jpg、 /sdcard/sample.jpg、drawable://、

  • Interactive sketches made with three.js. https://ykob.github.io/sketch-threejs/ This code is released under the MIT license. If you want to use some code, you can use these freely by adding license no

  • Sketch Commands Sketch Commands is a port of some of my Orange Commands for Fireworks for Sketch.app. Installation Download & unzip the latest version and double click it to install it Documentation f

  • Make your workflow more efficient. 中文说明 Installation Search "Automate Sketch" from Sketch Runner. Download master.zip, unzip it, then double-click the "automate-sketch.sketchplugin". Download for olde

  • Sketch Palettes A Sketch plugin for exporting and importing fill presets. It supports colors, gradients, and Pattern fills. Installation Move the Sketch Palettes plugin into your Plugins folder or dou