草庐IT

font-awesome-4

全部标签

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.

html - @font-face 与 cufon

我正在一个网站上工作,目前使用@font-face技术(this+this)加载字体。我注意到一些特殊字符没有正确加载->ŠĐŽČĆšđžčć。也就是说,这些字符存在于字体本身中。所以,我做了一个测试......我用@font-face字体和cufon字体加载了一个测试页面......结果如下->当然,这是代码->Cufon.set('fontFamily','ReprobateCRO').replace('h1');@font-face{font-family:'ReprobateCROLASTRegular';src:url('reprob_cro_last_last-webfon

html - @font-face 与 cufon

我正在一个网站上工作,目前使用@font-face技术(this+this)加载字体。我注意到一些特殊字符没有正确加载->ŠĐŽČĆšđžčć。也就是说,这些字符存在于字体本身中。所以,我做了一个测试......我用@font-face字体和cufon字体加载了一个测试页面......结果如下->当然,这是代码->Cufon.set('fontFamily','ReprobateCRO').replace('h1');@font-face{font-family:'ReprobateCROLASTRegular';src:url('reprob_cro_last_last-webfon

html - CSS 图标 : Cannot remove top and bottom padding (font awesome)

这是我的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;}我尝试过特定的行高和继承的行高。这里有一些基本的东西我显然不理

html - CSS 图标 : Cannot remove top and bottom padding (font awesome)

这是我的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;}我尝试过特定的行高和继承的行高。这里有一些基本的东西我显然不理

javascript - 由于@font-face,jQuery 计算出了错误的高度

我对jQuery和@font-face有疑问。我需要算出的高度,效果很好,但是字体加载有一个小的延迟,一旦加载,@font-face字体实际上比后备字体大,所以高度小于应有的高度。我试过使用Modernizr,但这没有用,因为它只检测浏览器是否支持@font-face,而不检测字体是否已加载。jQuery代码在$(document).ready中,但我猜字体不会延迟它的触发。有什么想法吗? 最佳答案 完美的解决方案是,如Adam指出,使用$(window).load而不是$(document).ready$(window).load

javascript - 由于@font-face,jQuery 计算出了错误的高度

我对jQuery和@font-face有疑问。我需要算出的高度,效果很好,但是字体加载有一个小的延迟,一旦加载,@font-face字体实际上比后备字体大,所以高度小于应有的高度。我试过使用Modernizr,但这没有用,因为它只检测浏览器是否支持@font-face,而不检测字体是否已加载。jQuery代码在$(document).ready中,但我猜字体不会延迟它的触发。有什么想法吗? 最佳答案 完美的解决方案是,如Adam指出,使用$(window).load而不是$(document).ready$(window).load

html - 如何将 Font Awesome 图标添加到 <input> 按钮中?

我正在尝试添加带有FontAwesome图标。我可以使用超链接或按钮来实现这一点,但如果我沿着这条路走下去,我需要使用jQuery/JS来清除表单,我暂时试图避免这种情况。我很好奇是否有可能达到相同的结果。请参阅JSFiddle明白我的意思。InputReset:ClearButton:ClearAnchor:Clear如果没有其他方法,我将实现一个jQuery解决方案。 最佳答案 是自闭标签,里面不允许有任何其他元素。以下是将其作为内联图标的所有3种可能选项。JsFiddledemo1.包裹和按钮变成标签,带有一些自定义样式。sp

html - 如何将 Font Awesome 图标添加到 <input> 按钮中?

我正在尝试添加带有FontAwesome图标。我可以使用超链接或按钮来实现这一点,但如果我沿着这条路走下去,我需要使用jQuery/JS来清除表单,我暂时试图避免这种情况。我很好奇是否有可能达到相同的结果。请参阅JSFiddle明白我的意思。InputReset:ClearButton:ClearAnchor:Clear如果没有其他方法,我将实现一个jQuery解决方案。 最佳答案 是自闭标签,里面不允许有任何其他元素。以下是将其作为内联图标的所有3种可能选项。JsFiddledemo1.包裹和按钮变成标签,带有一些自定义样式。sp

html - 在 anchor 文本上保留下划线,但不在 anchor 中的 Font Awesome 图标上

我有以下标记:Feedback悬停时,我希望文本带有下划线,但字体超棒的图标不会。我知道你可以在图标上做“文本装饰:无”(有效)但是当你将鼠标悬停在文本部分时它仍然会在图标上添加下划线。有什么想法吗?http://jsfiddle.net/ZZEQd/ 最佳答案 我发现了一种不需要额外span标签的方法,它适用于我尝试过的所有浏览器(FF/Chrome/Safari/Opera)...除了IE8(我也没有在IE9或10中测试过)。只需将图标声明为display:inline-block,悬停时不再有下划线。示例:http://jsf