草庐IT

font-awesome-4

全部标签

html - @font-face 没有加载字体

我正在尝试使用@font-face但由于某种原因它无法工作(IE9、Chrome和Firefox)。我已确保在加载字体时指向正确的目录,但它似乎仍然不起作用。这是我的代码:@font-face{font-family:'test';src:url('../fonts/FontName.ttf'),url('../fonts/FontName.eot');font-weight:normal;font-style:normal;}并调用它:#header{text-align:left;padding:10px;font-family:test;}我做错了什么?

html - Font Awesome 图标根本不显示

我正在使用bootstrap并使用chrome。我将以下代码放入我的HTML文件中以导入FontAwesome。然后放入下面的图标。什么都没有出现!当我检查元素时,它是一个0x0文本。没有高度就没有宽度。它根本不显示。 最佳答案 如果您在本地测试它,请将http:添加到您的href值的开头。 关于html-FontAwesome图标根本不显示,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/quest

html - Font Awesome 图标根本不显示

我正在使用bootstrap并使用chrome。我将以下代码放入我的HTML文件中以导入FontAwesome。然后放入下面的图标。什么都没有出现!当我检查元素时,它是一个0x0文本。没有高度就没有宽度。它根本不显示。 最佳答案 如果您在本地测试它,请将http:添加到您的href值的开头。 关于html-FontAwesome图标根本不显示,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/quest

html - Font awesome stacking square 和 square-o 不对齐

我正在尝试使用FontAwesome堆叠来实现这一点我试过两种方法,但都很丑。问题是fa-square和fa-square-o大小不同,所以当你堆叠它们时,它们不会对齐!myfiddle结果是我尝试使用css将fa-square缩小86%。然而,这是非常脆弱的,因为它取决于浏览器和缩放设置。我希望该解决方案在多个缩放级别下在Chrome和IE11上看起来都不错。 最佳答案 这可能会有所帮助。body{background-color:tan;font-size:100px;}.fix:before{ background:#000;

html - Font awesome stacking square 和 square-o 不对齐

我正在尝试使用FontAwesome堆叠来实现这一点我试过两种方法,但都很丑。问题是fa-square和fa-square-o大小不同,所以当你堆叠它们时,它们不会对齐!myfiddle结果是我尝试使用css将fa-square缩小86%。然而,这是非常脆弱的,因为它取决于浏览器和缩放设置。我希望该解决方案在多个缩放级别下在Chrome和IE11上看起来都不错。 最佳答案 这可能会有所帮助。body{background-color:tan;font-size:100px;}.fix:before{ background:#000;

html - Font Awesome 图标大小没有增加

我在this上安装了FontAwesome图标地点。即使在添加类以增加大小后,图标大小也没有增加。 最佳答案 要增加相对于容器的图标大小,请使用fa-lg(增加33%)、fa-2x、fa-3x、fa-4x或fa-5x类。 关于html-FontAwesome图标大小没有增加,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/42341927/

html - Font Awesome 图标大小没有增加

我在this上安装了FontAwesome图标地点。即使在添加类以增加大小后,图标大小也没有增加。 最佳答案 要增加相对于容器的图标大小,请使用fa-lg(增加33%)、fa-2x、fa-3x、fa-4x或fa-5x类。 关于html-FontAwesome图标大小没有增加,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/42341927/

html - Safari 中的 Font-Awesome 图标堆叠问题

我的超赞字体图标出现了这个奇怪的问题。我希望我的图标有圆形边框。我不想使用border:1pxsolid因为图标边框看起来会很模糊。我已经通过font-awesome的“堆叠方法”实现了这个平滑的边框,如here所述因为我的字体是64px大,这个fa-circle-thin图标边框太粗了。为了避免这种情况,我使用了box-shadow。Myproblemisthatmyiconborderisnotuniform.在chrome中,左侧的边框有点粗。(不知何故,我无法在fiddle/snippet中复制这个问题,所以可以忽略。)但在safari中,右侧的边框很粗。如何解决这个问题?我不

html - Safari 中的 Font-Awesome 图标堆叠问题

我的超赞字体图标出现了这个奇怪的问题。我希望我的图标有圆形边框。我不想使用border:1pxsolid因为图标边框看起来会很模糊。我已经通过font-awesome的“堆叠方法”实现了这个平滑的边框,如here所述因为我的字体是64px大,这个fa-circle-thin图标边框太粗了。为了避免这种情况,我使用了box-shadow。Myproblemisthatmyiconborderisnotuniform.在chrome中,左侧的边框有点粗。(不知何故,我无法在fiddle/snippet中复制这个问题,所以可以忽略。)但在safari中,右侧的边框很粗。如何解决这个问题?我不

HTML/CSS : table font size different in mobile device

我想要一个既能在桌面浏览器又能在移动浏览器上运行的简单网站,但遇到了一个奇怪的(菜鸟)问题:当我有一个表格,其列文本的长度不同时,在移动设备上呈现的字体大小是截然不同。知道为什么会发生这种情况,什么是快速而干净的修复方法?预先感谢您的帮助!HTML代码:body{font-family:Verdana,Geneva,Arial,sans-serif;font-size:medium;}table,td{border:1pxsolidblack;}Shorttext.ShorttextSomelongtext.Somelongtext.Somelongtext.Somelongtext.