Fonts 如何将browserify与字体一起使用

因此，browserify在运行时通过JavaScript执行所有操作，甚至CSS。 但是我如何处理字体，比如npm和browserify的字体很棒

此处确实存在npm包： 但是，如果不使用grunt或gulp等其他工具，我如何为浏览器绑定字体呢

//编辑

如果我现在想在html中使用fa类，除了指向html文件中的

节点/font awesome/css/font awesome.css

之外，还有其他方法吗

我正在搜索一个自动化的解决方案，因为如果我有几个像font awesome这样的库，它们都有自己的资产，比如字体、图像和其他文件，我不想在html文件中手动指向每个资产文件

有了jade，我可以在

public

中提供一些文件。并且

public

包含通过我的远程依赖项提供的所有资产，如字体、图像等。。。

---

但是，如何将所有文件从特定的

节点\u模块

自动复制或符号链接到

公共

？

我知道一种简单的方法。使用Base64格式的字体。这样，字体数据位于CSS本身中，而不是外部文件中

然后，只需将CSS加载到Browserify中即可（使用“insert CSS”或“cssy”等模块）。我使用“Styleify”是因为我使用的是手写笔），当它通过管道传输CSS定义时，它本身也会携带字体数据

事先压缩Base64代码也是一个好主意。或者让丑八怪做最后的压缩。比较结果

---

请仔细检查您的目标浏览器是否支持Base64字体。

什么是“捆绑”

npm install font awesome

安装node_modules目录中的所有font awesome内容，您只需将应用程序设置为指向

/node_modules/fontawesome

的静态目录，即可从中获取资源。你的问题确实需要更多的细节，比如你用什么来托管你的应用程序/网站/什么的。还有，为什么需要咕噜声/咕噜声会有一点点问题？很明显，您已经在使用node和browserify，添加Grunt/Gulp只是一种不错的做法。谢谢，更新了我的问题您是否在使用其他任何东西，或者它只是一个普通的.html文件和安装的npm？（例如，您是否使用express？您是否使用jekyll等？）再次更新了我的问题：）重点是，我不想手动指向所有资产。假设我想用express。我想要一个目录，例如public，express应该为这些静态文件提供服务。因此，我需要一个进程，它只将所需的资产复制或符号链接到公共目录。如果您使用express，您可以说

app.static（“/fonts”，express.static（“node_modules/fontawesome”）完成。现在，您可以链接到css中的字体，就像它们位于
/font
中一样，并以
@import（“/fonts/css/fontawesome.css”）
的形式导入。你不会复制任何东西，你只需告诉express给alias，然后继续你的生活。重要的问题是你用什么。Jade、Hapi、Express等都允许您这样做，它们的语法都略有不同，因此请询问一个具体的示例。不要只问“我该怎么做”，而不说你实际上要用什么。