purplebamboo / font-carrier

font-carrier是一个功能强大的字体操作库,使用它你可以随心所欲的操作字体。让你可以在svg的维度改造字体的展现形状。

Home Page:http://purplebamboo.github.io/font-carrier/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

建议说明再详细点

lijuan900 opened this issue · comments

commented

node小白一枚,试着按照说明安装,失败。
然后clone了test,尝试说明中的使用 npm test,也是报错。
我想是不是应该说明得更详细一些呢,基本上很多操作我是靠猜进行的。
谢谢。

亲 其实已经说的很详细了哈。
clone后 记得要 npm install 安装所有的依赖库哦,这个我也在文档加了。

另外我今天发现,依赖的一个库opentype.js升级了版本跟老的不兼容了。所以我改成固定版本号了,现在应该可以了。

commented

谢谢亲的回复哈。
经过我的几次猜想,终于发现怎么回事啦。
可能是认知程度不一样,所以我感觉说明对我帮助有限。仅是个人感受:)

commented

很抱歉,还想请教几个问题:
1、npm test 这里不能更换新文件名吗?比如我新建我的文件夹 myfont,然后执行 npm myfont,可是不行。
2、font.setSvg('',phone) 里的“&#xe600”可以是随意编写吗?有没有规则或者限制?
3、为何 html 中要写“&#xe600”,而 css 里确是 “\e600”?

1.亲 建议你先了解下node的基础知识哦,npm test 是 npm带的命令,你可以在package.json找到,我这边其实是运行的node ./test/index.js

2.&#xe600这个是unicode,一个unicode对应一个字。
如果你需要语义化,可以用 汉字,比如要设置‘我’的展现样式,可以font.setSvg('我',svg) 也可以使用对应的unicode。
如果你不需要语意化,建议你使用 e600后面的16进制数值,这个是我们实践总结出来的。e600在字体未加载时是个空白的方框,展示效果会好点。其他其实没有大的用处。

3.至于这个区别,html里面用的是实体,而css里面使用的是content就是这种格式,你只要对应的转换就好了。

更多可以看这个 http://purplebamboo.github.io/2014/01/09/iconfont/

commented

非常感谢亲的解惑!
我的确非常需要加强一下node的知识。
受益匪浅,感谢~