tim*_*hew 9 fonts package-managers browserify font-awesome
所以浏览器在运行时通过JavaScript做所有事情,甚至是CSS的东西.但我如何处理字体,如npm和browserify字体真棒.
这里有一个npm pacakge:https://www.npmjs.org/package/font-awesome 但是如何在不使用grunt或gulp等其他工具的情况下为我的浏览器捆绑字体.
//编辑
如果我现在想在我的html中使用fa类,除了指向node_modules/font-awesome/css/font-awesome.css我的html文件之外还有其他方法吗？
我正在寻找一个自动解决方案,因为如果我有几个像font-awesome这样的库,并且他们带来了自己的资源,如字体,图像和其他文件,我不想在我的html文件中手动指向每个资产文件.
有了玉,我可以只提供一些文件public.并public包含通过我的远程依赖项来获得的所有资产,如字体,图像......但是如何将所有文件从特定文件复制或符号链接node_modules到public自动？
我知道一种简单的方法可以做到这一点。使用 Base64 格式的字体。这样，字体数据就位于 CSS 本身中，而不是外部文件中。
然后只需按照通常的方式将 CSS 加载到 Browserify 中（使用“insert-css”或“cssy”等模块。我使用“stylify”，因为我使用 Stylus），并且当它通过管道传递 CSS 定义时，它还将携带字体数据本身。
预先压缩 Base64 代码也是一个好主意。或者让 Uglify 最后进行压缩。比较结果。
请仔细检查您的目标浏览器对 Base64 字体的支持。