Fonts FontAwsome,在没有完整CDN加载或完整本地脚本的情况下,是否可以只将一个或两个图标加载到站点上?

Fonts FontAwsome,在没有完整CDN加载或完整本地脚本的情况下,是否可以只将一个或两个图标加载到站点上?,fonts,font-awesome,cdn,Fonts,Font Awesome,Cdn,使用Font Awesome,在没有完整CDN加载或完整本地脚本的情况下,是否可以只在站点上加载一个或两个图标?我希望能为一个只使用两个fa图标的站点节省带宽。据我所知,没有一种简单的方法可以做到这一点。Font Awesome的大部分文件大小来自用于呈现图标的字体:。因此,您需要实际修改这些文件以及引用它们的CSS文件,这可能不值得付出努力 如果你只对一个或两个图标感兴趣,FA在这里无论如何也没有什么好处。一种更简单、节省空间的方法是对所需的两个图标使用简单的PNG或矢量图形 如果您想要确切的

使用Font Awesome,在没有完整CDN加载或完整本地脚本的情况下,是否可以只在站点上加载一个或两个图标?我希望能为一个只使用两个fa图标的站点节省带宽。

据我所知,没有一种简单的方法可以做到这一点。Font Awesome的大部分文件大小来自用于呈现图标的字体:。因此,您需要实际修改这些文件以及引用它们的CSS文件,这可能不值得付出努力

如果你只对一个或两个图标感兴趣,FA在这里无论如何也没有什么好处。一种更简单、节省空间的方法是对所需的两个图标使用简单的PNG或矢量图形


如果您想要确切的FA图标,那么您可能会发现此工具很有用:。这里还有一个将FA图标转换为PNG/SVG的项目:。

使用PNG图像是一个更好的答案,只是为了避免对源文件的破坏。虽然我真的很喜欢fa图标的质量和可移植性,所以我希望这是可能的,只是为了保持fa图标的CSS灵活性,而不是任何图像的灵活性,例如大小、位置、比例、颜色、字体重量、过渡或任何其他CSS技巧。FA图标会喜欢CSS和媒体调用的灵活性。

字体和CSS文件是必需的。您可以编辑CSS并删除未使用的“fa”类。谢谢Eli,这实际上是我希望走的路线的一部分。正如Anthony所说,编辑源字体文件需要做大量的工作,所以我猜减少FA CSS的大小可能是最简单的答案。可能相关:谢谢。我可能花了很长时间才找到上面的链接,所以非常感谢您对StackO的帮助。我可能会花时间修改FA文件只是为了好玩,原因如下:我使用FA图标的主要原因是为了避免图像。如果我有数百个有用的UI“方向相关图标图像”,那么我想通过使用FA来减少带宽。然而,我的网站被用作CDN,一些亚洲国家从主机上传送我的FA和引导!这可能是一个全新的话题。因此,拥有最小的文件大小将是一个解决方案。