草庐IT

font_color

全部标签

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.

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.

javascript - 如何设置 span background-color 以便它像在 div 中一样为整行背景着色(显示 : block; not an option)

我需要在前置元素中设置一些文本的样式。为此,我使用这样的内联跨度元素:sometextandsometextwithadifferentbackgroundandsomemoretext然后呈现html,仅在文本下方更改了span-elements背景。是否有可能在不将显示更改为block或内联block的情况下使背景颜色延伸到整行。或者有没有办法用javascript实现这个? 最佳答案 您可以通过以不同方式设置文本格式来实现这一点。我已经通过以下方式实现了我相信您正在寻找的东西:sometextandsometextwithad

javascript - 如何设置 span background-color 以便它像在 div 中一样为整行背景着色(显示 : block; not an option)

我需要在前置元素中设置一些文本的样式。为此,我使用这样的内联跨度元素:sometextandsometextwithadifferentbackgroundandsomemoretext然后呈现html,仅在文本下方更改了span-elements背景。是否有可能在不将显示更改为block或内联block的情况下使背景颜色延伸到整行。或者有没有办法用javascript实现这个? 最佳答案 您可以通过以不同方式设置文本格式来实现这一点。我已经通过以下方式实现了我相信您正在寻找的东西:sometextandsometextwithad

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