如何使用fontello上设置的github图标

时间:2014-02-28 09:40:11

标签: github webfonts icon-fonts fontello

Fontello有一个区域,您可以在其中拖动自定义字体。 GitHub style page here显示他们有一个我想在fontello上使用的自定义字体,有人可以帮我导入它。

2 个答案:

答案 0 :(得分:1)

是的,我也喜欢GitHub图标字体“Octicons”。不幸的是,据我所知,他们被认为不能免费向公众开放 - 请参见此处:https://github.com/FortAwesome/Font-Awesome/issues/191#issuecomment-6180040

那就是说 - 我只是做了一些源文件窥探并抓住了TTF和其他文件,如果你想在fontello上试试这个? https://dl.dropboxusercontent.com/u/7951258/fonts/octicons-from-github.com_20140302.zip

PS:如果你确实找到了一种合法的方法,请发布更新!

答案 1 :(得分:0)

  1. 转到GitHub Style页面
  2. 打开检查器Ctrl + Shift + C
  3. 点击Fonts
  4. 点击“查看此页面中使用的所有字体”
  5. 查找octicons部分
  6. 突出显示并复制(使用Ctrl + C,无法右击此处)下面的框>用作:“octicons” github icon set import to fontelo step 6
  7. 打开记事本并粘贴在那里。
  8. 找到format(svg)并复制它 github iconset import to fontello step 8
  9. 返回Firefox,输入http://github.com/,然后将您复制的字符串粘贴到URL栏中,然后将其显示为https://github.com//assets/octicons-cdc456dbc5906e59b8c4d1c649a4b734fb0fd97b.svg#octicons
  10. 点击进入,然后在加载后右键单击页面并转到查看源 github iconset import to fontello step 10
  11. 将此来源保存到您的驱动器中 github iconset import to fontello step 11
  12. 现在转到Fontello标签,然后将下载的文件拖到Fontello网站上的区域,在fontello上显示“拖动自定义SVG图标或SVG字体” github iconset import to fontello step 12 DONE。等待和神奇地所有github图标现在可供您使用!!它被归为“自定义图标” github iconset import to fontello step done
  13. 超级酷!!