Giter VIP home page Giter VIP logo

font-bundles's Introduction

What is a Font Bundle?

A Font Bundle is a folder containing one or more icon fonts that are to be used with the IconFont Sketch plugin (https://github.com/keremciu/sketch-iconfont). The IconFont plugin has commands to instal both individual icon fonts, as well as font bundles. In order to use icon fonts with the IconFont plugin, fonts can be manually installed one by one, or several fonts can be installed at once if they were packaged in a font bundle.

This repo contains a font bundle with the most popular icon fonts.

Which fonts are in the bundle?

  • FontAwesome
  • Material Design Icons
  • Ion Icons
  • Simple Line Icons (@bohn002)
  • Ant Design Icons

Bundle Contents

  • "ttf-files" folder: contains the fonts' TrueType (.ttf) files, which you can instal directly into your computer - see installation instructions below. If you do not install these fonts YOU WILL NOT BE ABLE TO USE THEM IN THE PLUGIN!
  • "bundle" folder: includes json files needed by the IconFont plugin.
  • "fonts.json" file - needed by the IconFont plugin.

Installation

  • Open the "ttf-files" folder and double-click on each font file to install it. Consult your Mac's Help system if you need assistance on learning how to instal new fonts in your system.
  • Open Sketch, and select the "Install a font-bundle" command from the IconFont Sketch plugin. An 'Open' dialog box will appear.
  • In the Open dialog box, select the "font-bundles-master" folder you downloaded from this repo.
  • NOW, use your fonts from the IconFont plugin!

How can I build my own font-bundle?

  • Install your custom icon fonts in the IconFont plugin.
  • Select the "Export your font-bundle" command from the IconFont Sketch plugin.
  • Save your bundle.
  • Now, you have a bundle that you can share with your team mates - or everyone!

License

MIT

Go to the IconFont plugin: https://github.com/keremciu/sketch-iconfont

font-bundles's People

Contributors

afc163 avatar bohn002 avatar designorant avatar dpwilhelmsen avatar keremciu avatar kmbremner avatar lahmacun avatar luxlogica avatar mglagola avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

font-bundles's Issues

Using my own icon font

So, maybe I'm missing something but how exactly would I go about using my own icon webfont I created? I tried adding the .ttf font via the "Install a Font" command and, seemingly, nothing happened. I was expecting to be able to see it via the Grid Insert after that. Am I missing a step?

Install Guide or Font Bundle for FA Pro 5.x ?

Hi,

I'm trying to piece together the various snippets of instructions but i just can't get my head around the steps I need to take. I've had this working in the past but even then i recall it being more by accident after trying many things! :-)

Is there a step-by-step guide or has someone made a Font Bundle for the current FA 5.x fonts?

Thanks,

Steve

just stopped working

My failure mode is I enter ^-cmd-A and insert all window comes up with all the fonts showing, then I click on any icon....nothing happens. nothing in the layer tree, nothing on my artboard...

the I tried to uninstall and re-install - no luck

Font is empty in macOS Catalina

Hi,
I have a problem with using FontAwesome.otf font on macOS Catalina
I tried to install it and I have nothing :

Capture d’écran 2020-02-25 à 15 20 46

In addition, when I try to use this font in sketch icon plugin, nothing appears in Icon Font menu.
I used to work whit this font few month ago and it was working well. Maybe it's due to new mac os version (Catalina) ?

trying to load icomoon icon set...

heres my process...

screen shot 2016-11-30 at 5 44 21 pm

screen shot 2016-11-30 at 5 45 46 pm

after opening that folder, the font bundle does not show up, even after a restart. I also tried to install the individual svg and ttf, neither worked. Please help!

Update while typing

This is awesome, so thank you for making the plugin!

It would be fantastic for both grid and name insert, the list of icons would be filtered while you're typing; I especially have a hard time finding icons by name, so showing the filtered results while typing would be very helpful.

Linea font

hi thank you for creating this amazing plugin, i a life hacker,

I tried adding linea font which has all the fonts in svg , and font.svg file , ttf etc ... but the import went bad anyway to fix that or work around it?

Unable to install font bundle on Sketch 53.1

I've successfully downloaded font-bundles-master to my Downloads folder, and ran Plugins->Icon Font->Install a Font-Bundle.
But, there is no results, and also Icon font plugin not installed.
Can anyone help me?
thank you

installing bundles

i have used your plugin a lot, but got a new machine and i'm trying to install the bundles. for whatever reason double clicking the font bundle doesn't bring me to install window. any tips?
bundle install

Old version of fontawesome

Several fontawesome icons are missing from the included bundle (for example, fa-user-o). Believe this indicates that you've got an older version of the fontawesome font included in your bundle.

Issue with the plugin

Hi, I would love to use your amazing tool. But, I can't seem to make it work. I think, I tried everything before coming here. I got the plugin installed, installed the fonts, it's on the OS. And I linked it to the bundle master... But still nothing and there is this empty square... Thanks a lot !
capture d ecran 2016-10-21 a 11 12 48
capture d ecran 2016-10-21 a 11 13 10
capture d ecran 2016-10-21 a 11 13 28
capture d ecran 2016-10-21 a 11 12 38

how to use the Name Insert?

Hi, when I use the [name insert], I have no idea about the input box, whatever I input like "arrow/left/video", it would toast "Please write a correct icon name"...

So, what is the correct icon name? Where can I get the icon name list?

Thanks,

Font bundle doesn't work

OS version : macOS Sierra 10.12.4
Sketch version : 43.2
IconFont plugin version : 4.5.1

Found Chinese characters and Question marks instead of icons

screen shot 2017-05-01 at 10 06 03

Update anticon font

Hi, thank you for an awesome work that you've done here.
Anticon has a pretty significant update and it would be pretty nice either to provide a way to properly update them.
Thanks

only seeing some FA Pro icons after update to 4.7

Hi,

I can't seem to get the FA Pro fonts to work properly since updating to 4.7. After updating, I went to add an icon and all the fonts I'd installed were missing.

I've followed the steps as listed here which previously worked with the pro icon set.

I seem to be able to pull through some of the icons for each weight as shown here but am still missing a lot of the icons in the SVG fonts.

Thanks.

latest version doesn't work

I had FA font installed previously, now the plugin doesn't recognize the font, and I can't use the plugin.

Minor tweak to installation instructions?

  • In the Open dialog box, select the "font-bundles-master" folder you downloaded from this repo.
  • NOW, use your fonts from the IconFont plugin!

That didn't work for me, the fonts simply refused to show inside IconFont. (Sketch 48.1, macOS 10.12.6 - Sierra).

However this solved it:

  • In the Open dialog box, select the "font-bundles-master" folder you downloaded from this repo.
  • Quit Sketch and re-launch it
  • NOW, use your fonts from the IconFont plugin!

Font Awesome 5 - some icons don't show

Installed latest Font Awesome 5 (fontawesome-free-5.0.13)
Inside Webfonts folder:
Edited .SVG files to reflect the ID correctly, and
Installed the .TTF fonts

but, for some icons I see a question mark, any ideas how to get those working?

Use these Font Awesome 5 working names :)

Just in case anyone needs the right names for the SVG install to work:

Font Awesome 5 Free
Font Awesome 5 Free Solid
Font Awesome 5 Brands

Just make sure the SVG font id and font-face font-family have these names
😄

doesn't work

I don't know why my plugin doesn't work anymore. Nothing happens in the whole plugin when I click on any tabs (grid insert, all insert,...).

I tried to reinstall the plugin again but it doesn't change.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.