`

生成自定义图标字体工具 - Font Custom

custom fontfont自定义字体 
阅读更多

日期：2012-12-5  来源：GBin1.com

网络上有很多漂亮的图标字体 ，有付费和免费的两种不同类型版本。使用图标字体 通常要比使用传统标准图标要灵活的多。然而，它们却有一个非常大的弱点，每个图标字体 通常都是一个单一的字体 文件，如果要是使用在某一个项目中，即使我们只需要其中部分的图标，仍然需要加载整个文件。

可能你使用过Fontello ，它允许我们通过网络界面创建自定义图标字体 ，而Font Custom是一个开源的命令行工具，仅靠一个命令就可以制作图标字体。简单输入目标文件夹，里面包括你需要的SVG或者EPS图标，它就能够生成字体 。同时，此份文件夹一旦出现任何更改，那么生成的字体 也会自动随之更新。

学习怎样使用图标字体，请参考此教程: 如何在HTML中使用图标字体 - icon font?

来源：生成自定义图标字体工具 - Font Custom

分享到：
| GBin1专题之Web热点秀#15
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    broccoli-fontcustom:使用Font Custom和Broccoli生成自定义图标webfonts

    使用Font Custom和Broccoli生成基于svg的自定义webfonts 安装 在系统上安装字体自定义 在Mac上： $ brew install fontforge ttfautohint $ gem install fontcustom 在Linux上： $ sudo apt-get install fontforge ...

    fontcustom:从舒适的命令行生成自定义图标webfonts

    从一组SVG（ ）中生成跨浏览器的图标字体和支持文件（@ font-face CSS等）。安装需要Ruby 1.9.3+ ， WOFF2 ， FontForge和Python脚本。 # On Macbrew tap bramstein/webfonttoolsbrew updatebrew install woff2brew...

    前端开源库-gulp-iconfont

    **gulp-iconfont** 是一个基于 **Gulp** 的前端开源工具，它允许开发者将一组SVG图标转换成图标字体。在Web开发中，图标字体是一种高效、灵活的图标解决方案，可以实现响应式设计，并且能够方便地进行颜色和大小的...

    FontConver+MCT6.0制作字库

    MCT6.0（Micro-C/OS-II Custom Text Generator）工具则专门用于将BDF文件转换为可被嵌入式系统使用的FontRes.c和.h文件。以下是使用MCT6.0的步骤： 1. 运行MCT6.0，找到“Font”菜单，选择“Font Customizer”。这...

    grunt-webfonts:用于Grunt的SVG到Webfont转换器

    通过Grunt从SVG文件生成自定义图标Web字体。 受启发。 该任务将使您只需要使用网站上的字体图标即可：所有必需格式的字体，CSS / Sass / Less / Stylus和HTML演示页。 特征 咕>声> = 1.0.0 最新的依赖版本 在Mac...

    VB多风格自定义的ToolTip气泡信息提示

    为此，可以创建一个自定义的控件或者使用控件组合，比如添加PictureBox显示图标，然后在其中嵌入一个Label来显示文本。 3. **动态生成**：根据不同的控件或用户操作，动态地生成和显示不同风格的ToolTip。例如，...

    NGUI2.6.3系列教程

    Font定义了文本的字体；Template则是预设的UI组件类型，如Label或Spirit等。 在本例中，我们选择了Fantasy Atlas作为Atlas，同时将Fantasy Atlas - Font Normal拖入Font中。在Template中选择Spirit，并选择平铺方式...

    【游戏蛮牛】NGUI系列教程 7篇全整合WORD

    它提供了一整套工具来创建、管理和优化游戏界面，包括布局、交互元素、动画以及资源管理。在本系列教程中，我们将深入探讨如何使用 NGUI 进行高效的游戏界面设计。 首先，我们需要将 NGUI 插件导入到 Unity 项目中...

    hugo-cc-doc-theme:聪明云的gohugo文档主题

    您可以通过选择/assets/clever/custom.scss下的自定义scss变量来更改主题中的所有颜色。 您还可以替换徽标，并在Hugo参数中注册链接： [params] footerLogo = "images/footerlogo.svg" headerLogo = "images/...

    txew-FAEP

    很抱歉，根据您给出的信息，"txew-FAEP"似乎是一个项目或工具的名称，但没有提供足够的详细信息来生成一篇超过1000字的关于CSS的专业文章。不过，我可以围绕CSS这一主题，为您提供一个全面且深入的概述。 CSS...

    脑动力 HTML+CSS标签速查效率手册（源码）

    9. `@font-face`规则引入自定义字体。 10. 利用`display: grid`和`display: flex`实现复杂布局。 总结，《脑动力 HTML+CSS标签速查效率手册》是前端开发者的重要参考资料，通过详尽的标签、属性、示例和技巧，帮助...

    winform开发小技巧

    若需要填充ComboBox控件以显示可用的字体列表，可以利用FontFamily类来实现： ```csharp comboBox1.Items.AddRange(FontFamily.Families); // 添加所有系统字体到ComboBox ``` #### 7. 禁用TextBox的默认上下文菜单...

    with-bootstrap：Ranidya Putri Hantari-3120500055

    6. 资源文件夹：可能包含字体、图标集（如Font Awesome）或其他外部库。 在深入研究"with-bootstrap-main"之前，了解Bootstrap的基本概念和用法是很有帮助的。Bootstrap提供了一套完整的栅格系统，用于创建响应式的...

    bootstrapCv

    8. **自定义样式（Custom CSS）**：为了使简历更具个性化，开发者可能会在Bootstrap的基础上添加自己的CSS样式，以改变颜色、字体、间距等。 9. **响应式设计（Responsive Design）**：BootstrapCV 会确保在手机、...

    补丁模块(带源码)InlinePatch，Hook，内存DLL注入等等

    3.工具栏、只读选择框－未选中，帮助按钮；4.工具栏、只读选择框－选中，帮助按钮；5.工具栏，帮助按钮；6.普通风格、只读选择框－未选中；7.普通风格、只读选择框－选中；8.普通风格；9.普通风格、只读选择框－未...

    sag0r.github.io

    5. Font文件：如果项目使用了自定义字体，可能会在`fonts/`目录中看到`.ttf`、`.woff`等字体文件。 6. Markdown文件：`.md`文件可能包含博客文章或者其他格式化的文本内容。 7. Favicon：一个代表网站的小图标，...

    FinchRatel.github.io

    例如，`style.css`可能包含了整个网站的全局样式，而`custom.css`可能是针对特定页面的自定义样式。 JavaScript文件（`.js`扩展名）用于增加交互性和动态功能，如响应式设计、表单验证、时间线滑动效果等。GitHub ...

Magicbox
Global site tag (gtag.js) - Google Analytics