stylus自定义字体图标问题

搬砖的小码农 2017-03-15 11:48:04

stylus里怎么使用自定义字体图标，请大神详细解答一下

例如我想用这个字体，@font-face里该怎么写？
.icon-keyboard_arrow_right:before
content: "\e909"

...全文

182 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

搬砖的小码农 2017-03-18

打赏
举报

回复

引用 1楼三岁打酱油的回复:

引入字体文件就好了，不需要自己去写。如果要自己做字体文件可以去百度一下字体文件生成，但是很麻烦。

字体会用，只是想知道stylus里的一些具体用法。我看别人的代码只需要传一个类名就能用了，我平时都是要加前缀类名组合在一起才能用。不是很明白一个类名咋用

jio可 2017-03-16

打赏
举报

回复

引入字体文件就好了，不需要自己去写。如果要自己做字体文件可以去百度一下字体文件生成，但是很麻烦。

用于Grunt的SVG到Webfont转换器通过Grunt从SVG文件生成自定义图标Web字体。受启发。该任务将使您只需要使用网站上的字体图标即可：所有必需格式的字体，CSS / Sass / Less / Stylus和HTML演示页。特征咕>声> = 1.0.0 最新的依赖版本在Mac，Windows和Linux上均可使用。非常灵活。支持所有Web字体格式：WOFF，WOFF2，EOT，TTF和SVG。语义：使用。：IE8 +。 BEM或Bootstrap输出CSS样式。 CSS预处理器支持。数据：uri嵌入。连字。 HTML预览。自定义模板。安装此插件需要Grunt> = 1.0.0。请注意， ttfautohint是可选的，但是如果未安装生成的字体，则不会正确地提示您。并确保您不使用ttfautohint 0.97，因为该

Grunt 的 SVG 到 webfont 转换器通过 Grunt 从 SVG 文件生成自定义图标 webfonts。基于。此任务将使您在网站上使用字体图标所需的一切：所有需要格式的字体、CSS/Sass/LESS/Stylus 和 HTML 演示页面。特征适用于 Mac、Windows 和 Linux。非常灵活。支持所有网页字体格式：WOFF、、EOT、TTF 和 SVG。语义：使用。：IE8+。 BEM 或 Bootstrap 输出 CSS 样式。 CSS 预处理器支持。数据：uri 嵌入。连字。 HTML 预览。自定义模板。安装这个插件需要 Grunt 0.4。请注意， ttfautohint是可选的，但如果未安装，则不会正确提示您生成的字体。并确保您不使用ttfautohint 0.97，因为该版本不起作用。操作系统

字体包您可以通过将svg创建为字体来轻松创建web-icon-font。介绍该模块可以轻松地将svg转换为字体文件和CSS。它是一个新的更新模块，它引用了并提供了各种附加功能，例如css ， less ， sass和手写笔转换。特征：支持的字体格式： WOFF2 ， WOFF ， EOT ， TTF和SVG 。支持使用css ， sass ， less和stylus构建的产品。自定义模板可用。支持ligature 支持CLI 资讯文献资料：使用Fontagon构建图标字体构建系统。： Fontagon-CLI使使用Fontagon变得容易。执照

仙人掌适用于个人网站的响应式，简洁明了的主题。 :cactus: 概括一般的版本：3.0 兼容性：Hexo 3或更高版本特征全面响应多种配色方案选择自己的代码突出显示方案可配置的导航菜单支持本地搜索项目清单 I18n支持 Disqus整合 Google Analytics（分析）/百度同济/ 字体真棒图标简单安装在root目录中： $ git clone https://github.com/probberechts/hexo-theme-cactus.git themes/cactus 在config.yml文件中更改theme属性。 # theme: landscape theme : cactus 有关如何自定义此主题的更多信息，请参见下文。使用hexo new [layout] <title>命令创建页面和文章。例如，要创建“关于我”页面，请运行：

Fontisto为您提供可伸缩的矢量图标，这些图标可以立即进行自定义：大小，颜色，阴影以及可以使用CSS强大功能完成的任何操作。 · · · Fontisto（标志性字体和CSS工具包） Fontisto由创建和维护，是一整套616多种象形图标，用于在网站上轻松缩放矢量图形。在Twitter上关注最新版本和最新消息：。从开始快速开始克隆仓库： git clone https://github.com/kenangundogan/fontisto.git 与安装： npm install fontisto 与安装： bower install fontisto 安装：

61,115

社区成员

60,728

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章