草庐IT

font_colororange

全部标签

html - Font Awesome 不工作的服务器

你好awesome字体样式的图标集在网站上使用的是本地级别的图标,但是我看了一下,但是服务器端的时候没有出现。 最佳答案 您是否在文档和样式表中声明了UTF-8?或在样式表中(注意,必须是第一行,第一列):@charset"utf-8";或只需一行代码,即可将FontAwesome添加到您的网站中。您甚至不需要下载或安装任何东西!将以下代码粘贴到您网站的HTML部分。很可能没有找到实际的字体文件。如果您查看fontawesomeCSS文件,您可能会看到如下内容:@font-face{font-family:'FontAwesome'

html - Font Awesome 不工作的服务器

你好awesome字体样式的图标集在网站上使用的是本地级别的图标,但是我看了一下,但是服务器端的时候没有出现。 最佳答案 您是否在文档和样式表中声明了UTF-8?或在样式表中(注意,必须是第一行,第一列):@charset"utf-8";或只需一行代码,即可将FontAwesome添加到您的网站中。您甚至不需要下载或安装任何东西!将以下代码粘贴到您网站的HTML部分。很可能没有找到实际的字体文件。如果您查看fontawesomeCSS文件,您可能会看到如下内容:@font-face{font-family:'FontAwesome'

html - 如何在悬停时更改 Font Awesome 堆叠图标的颜色

我使用了两个FontAwesome图标:fa-circle-thinfa-user-plus它们堆叠在一起,形成圆形图标外观。当我将鼠标悬停在上面时,我希望将圆圈填充为黑色,并将fa-user-plus更改为白色。我怎样才能做到这一点?参见JSFiddle:http://jsfiddle.net/ReturnOfTheMac/Lwdaen75/ 最佳答案 为了达到预期的效果,添加一个fa-circle图标到堆栈中,在显示时透明(opacity:0.0)和实心(opacity:1.0)在:hover上。例如(也在JSFiddle上:h

html - 如何在悬停时更改 Font Awesome 堆叠图标的颜色

我使用了两个FontAwesome图标:fa-circle-thinfa-user-plus它们堆叠在一起,形成圆形图标外观。当我将鼠标悬停在上面时,我希望将圆圈填充为黑色,并将fa-user-plus更改为白色。我怎样才能做到这一点?参见JSFiddle:http://jsfiddle.net/ReturnOfTheMac/Lwdaen75/ 最佳答案 为了达到预期的效果,添加一个fa-circle图标到堆栈中,在显示时透明(opacity:0.0)和实心(opacity:1.0)在:hover上。例如(也在JSFiddle上:h

css - 为什么使用带有 Font Awesome 的 <span> 比 <i> 在语义上更正确?

我使用FontAwesome有一段时间了,我想知道我应该为它使用哪个标签。Here据说他们喜欢为简洁起见,但使用了在语义上更正确。我读了specification对于和.不幸的是,我找不到区别,它们的使用上下文相同。 最佳答案 之间的区别和是那个最初用于斜体字体,而旨在封装一段内容,不立即更改任何css规则。换句话说,可用于您要应用的任何自定义CSS操作。因此,从理论和历史的Angular,会是一个更合适的选择。然而,短得多,在浏览器中的效果是相同的,所以选择为了在几微秒内优化您的页面速度,在几秒钟内优化您的编码速度。

css - 为什么使用带有 Font Awesome 的 <span> 比 <i> 在语义上更正确?

我使用FontAwesome有一段时间了,我想知道我应该为它使用哪个标签。Here据说他们喜欢为简洁起见,但使用了在语义上更正确。我读了specification对于和.不幸的是,我找不到区别,它们的使用上下文相同。 最佳答案 之间的区别和是那个最初用于斜体字体,而旨在封装一段内容,不立即更改任何css规则。换句话说,可用于您要应用的任何自定义CSS操作。因此,从理论和历史的Angular,会是一个更合适的选择。然而,短得多,在浏览器中的效果是相同的,所以选择为了在几微秒内优化您的页面速度,在几秒钟内优化您的编码速度。

html - 为什么 "font-weight: bolder"会跳过大胆的步骤?

根据MDNpageonfont-weight和其他来源,font-weight:bolder使文本内容“比父元素(在字体的可用粗细中)深一个字体粗细。”我有一个测试页面,其中包含来自GoogleFonts的“OpenSans”字体,权重分别为300、400(又名“正常”)、600、700(又名“粗体”)和800。设置数字字体权重手动按预期工作,但使用bolder似乎跳过字体粗细600。Firefox和Chrome同意这一点,所以我可能误解了“一步”在这种情况下的含义。Here'saJSFiddle用于测试,以及我得到的结果的屏幕截图。第一部分有手动数字font-weight设置。第二个

html - 为什么 "font-weight: bolder"会跳过大胆的步骤?

根据MDNpageonfont-weight和其他来源,font-weight:bolder使文本内容“比父元素(在字体的可用粗细中)深一个字体粗细。”我有一个测试页面,其中包含来自GoogleFonts的“OpenSans”字体,权重分别为300、400(又名“正常”)、600、700(又名“粗体”)和800。设置数字字体权重手动按预期工作,但使用bolder似乎跳过字体粗细600。Firefox和Chrome同意这一点,所以我可能误解了“一步”在这种情况下的含义。Here'saJSFiddle用于测试,以及我得到的结果的屏幕截图。第一部分有手动数字font-weight设置。第二个

html - 是否可以使用 Font Awesome 图标来选择默认的下拉符号

我想使用字体很棒的“fa-chevron-down”图标而不是html选择框默认样式。请看附图。 最佳答案 您可以使用伪类来做到这一点。我按照步骤here并通过删除转换进行修改,使用FontAwesome作为我的字体,并将图标的UTF-8作为内容asinstructedhere:select{padding:4px;margin:0;background:#fff;color:#888;border:none;outline:none;display:inline-block;-webkit-appearance:none;-moz

html - 是否可以使用 Font Awesome 图标来选择默认的下拉符号

我想使用字体很棒的“fa-chevron-down”图标而不是html选择框默认样式。请看附图。 最佳答案 您可以使用伪类来做到这一点。我按照步骤here并通过删除转换进行修改,使用FontAwesome作为我的字体,并将图标的UTF-8作为内容asinstructedhere:select{padding:4px;margin:0;background:#fff;color:#888;border:none;outline:none;display:inline-block;-webkit-appearance:none;-moz