我会构建自己的超赞字体图标集。特别是我会构建一些东西,它是font-awesome的副本,具有它的所有功能,但只使用图标的一个子集。此外,我对他们如何在fonts文件夹中构建文件非常感兴趣。在github上我发现了这个repo,其中包含所有svg图标。在ubuntu上,使用FontCustom,我能够生成给定的svg文件作为输入,字体文件,即使我不是很满意。但除此之外,我不明白如何合并那些字体很棒的文件。总结一下,我如何使用我自己的svg文件创建我自己的超赞字体集?请不要说使用fontello,icoMoon或类似的,因为我想在我的本地机器上做,没有任何第三方服务。
我正在使用bootstrap并使用chrome。我将以下代码放入我的HTML文件中以导入FontAwesome。然后放入下面的图标。什么都没有出现!当我检查元素时,它是一个0x0文本。没有高度就没有宽度。它根本不显示。 最佳答案 如果您在本地测试它,请将http:添加到您的href值的开头。 关于html-FontAwesome图标根本不显示,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/quest
我正在使用bootstrap并使用chrome。我将以下代码放入我的HTML文件中以导入FontAwesome。然后放入下面的图标。什么都没有出现!当我检查元素时,它是一个0x0文本。没有高度就没有宽度。它根本不显示。 最佳答案 如果您在本地测试它,请将http:添加到您的href值的开头。 关于html-FontAwesome图标根本不显示,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/quest
我正在尝试使用FontAwesome堆叠来实现这一点我试过两种方法,但都很丑。问题是fa-square和fa-square-o大小不同,所以当你堆叠它们时,它们不会对齐!myfiddle结果是我尝试使用css将fa-square缩小86%。然而,这是非常脆弱的,因为它取决于浏览器和缩放设置。我希望该解决方案在多个缩放级别下在Chrome和IE11上看起来都不错。 最佳答案 这可能会有所帮助。body{background-color:tan;font-size:100px;}.fix:before{ background:#000;
我正在尝试使用FontAwesome堆叠来实现这一点我试过两种方法,但都很丑。问题是fa-square和fa-square-o大小不同,所以当你堆叠它们时,它们不会对齐!myfiddle结果是我尝试使用css将fa-square缩小86%。然而,这是非常脆弱的,因为它取决于浏览器和缩放设置。我希望该解决方案在多个缩放级别下在Chrome和IE11上看起来都不错。 最佳答案 这可能会有所帮助。body{background-color:tan;font-size:100px;}.fix:before{ background:#000;
我在this上安装了FontAwesome图标地点。即使在添加类以增加大小后,图标大小也没有增加。 最佳答案 要增加相对于容器的图标大小,请使用fa-lg(增加33%)、fa-2x、fa-3x、fa-4x或fa-5x类。 关于html-FontAwesome图标大小没有增加,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/42341927/
我在this上安装了FontAwesome图标地点。即使在添加类以增加大小后,图标大小也没有增加。 最佳答案 要增加相对于容器的图标大小,请使用fa-lg(增加33%)、fa-2x、fa-3x、fa-4x或fa-5x类。 关于html-FontAwesome图标大小没有增加,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/42341927/
我的超赞字体图标出现了这个奇怪的问题。我希望我的图标有圆形边框。我不想使用border:1pxsolid因为图标边框看起来会很模糊。我已经通过font-awesome的“堆叠方法”实现了这个平滑的边框,如here所述因为我的字体是64px大,这个fa-circle-thin图标边框太粗了。为了避免这种情况,我使用了box-shadow。Myproblemisthatmyiconborderisnotuniform.在chrome中,左侧的边框有点粗。(不知何故,我无法在fiddle/snippet中复制这个问题,所以可以忽略。)但在safari中,右侧的边框很粗。如何解决这个问题?我不
我的超赞字体图标出现了这个奇怪的问题。我希望我的图标有圆形边框。我不想使用border:1pxsolid因为图标边框看起来会很模糊。我已经通过font-awesome的“堆叠方法”实现了这个平滑的边框,如here所述因为我的字体是64px大,这个fa-circle-thin图标边框太粗了。为了避免这种情况,我使用了box-shadow。Myproblemisthatmyiconborderisnotuniform.在chrome中,左侧的边框有点粗。(不知何故,我无法在fiddle/snippet中复制这个问题,所以可以忽略。)但在safari中,右侧的边框很粗。如何解决这个问题?我不
这是我的fiddle:http://jsfiddle.net/schmudde/VeA6B/我无法删除超赞字体图标两侧的顶部和底部填充:span{border:1pxsolidred;line-height:40%;}i{border:1pxsolidgreen;padding:0px;margin:0px;display:inline-block;width:auto;height:auto;line-height:inherit;vertical-align:baseline;background-color:red;}我尝试过特定的行高和继承的行高。这里有一些基本的东西我显然不理