草庐IT

font-hinting

全部标签

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

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

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

html - Font Awesome 图标并不总是显示在最新的谷歌浏览器版本 32.0.1700.76 m

我使用的是最新的谷歌浏览器。它一发布,我就注意到一些FontAwesome图标无法正确显示。相反,我只看到一个方框。即使在所有页面都已加载并且我等待一分钟后,这也不会改变。当我将鼠标悬停在它们上方时,图标就会出现。这可以通过转到以下URL查看:http://fontawesome.io/icons/有没有其他人注意到这一点。我认为它会影响所有拥有新浏览器的人。请注意,有一天它可以正常工作并显示所有图标,第二天有一些我看不到的图标。也许这是时间问题。我的连接速度相当慢。 最佳答案 问题似乎与某些chrome扩展有关。在我的例子中,我禁