草庐IT

awesome_detection

全部标签

html - 如何将 Font Awesome 图标插入文本输入?

关闭。这个问题需要debuggingdetails.它目前不接受答案。编辑问题以包含desiredbehavior,aspecificproblemorerror,andtheshortestcodenecessarytoreproducetheproblem.这将有助于其他人回答问题。关闭7年前。Improvethisquestion如何将日历Web字体图标插入我的输入字段?HTML:CSS:.start_date:before{font-family:"FontAwesome";content:"\f073";}

html - 自定义 Font Awesome CSS

我正在尝试使用FontAwesome来创建我的表单。但是FA图标已经带有填充颜色。当我尝试添加颜色时,它被赋予了整个图标。有没有办法做到这一点?或者我应该使用任何其他unicode?注意:我只能通过CSS来实现。不应配置父组件。所以我必须只传递一个CSS类来实现这一点。请建议我是否有任何其他我可以使用的unicode,因为我使用的那个看起来不像样式指南中的那个-非常感谢!!我有:第一张图片是我的。第二张图片是它应该是什么样的.exclamation-red.validation-tooltip-text:before{边框:无;内容:“\f06a”;字体系列:fontAwesome;左

javascript - Vuejs 2 : how to detect img. 完整属性

我有代码将图像列表作为对象获取,例如[{src:'/path/to/img.jpg',loaded:false},...]然后将它们呈现为HTML的模板如下:这在首次加载页面时效果很好;图像一加载就淡入。但是当图像已经加载到缓存中时就会出现问题,因为这时@load从不触发新的元素。在这些情况下,我可以检查DOMimg标签的.complete属性,但我如何在VueJS中做到这一点?我试过了v-show="this.complete||image.loaded"但是this只是指向window.我以为我可以使用方法调用并传递对发起调用的元素的引用,但我也不知道该怎么做。我意识到我可以使用n

html - Font Awesome 可访问性问题。使用 <em> 标签代替 <i>

我正在测试我的HTML代码标记是否符合可访问性标准:http://achecker.ca/checker/index.php.以下是我得到的错误:Repair:Replaceyourielementswithemorstrong.Search我浏览了有关辅助功能的官方FontAwesome文档(https://cdn.fontawesome.com/help#qa-autoa11y),但没有发现任何提及我需要为图标使用不同标签的内容。对此有什么想法吗? 最佳答案 作为一般准则,您应该使用em来强调而不是i来表示斜体文本,因为斜体文本

html - Webfont( Font Awesome )不能正常离线工作

当我的应用处于离线状态时,我一直无法正确显示webfonts(具体来说是很棒的字体)。所以我在list中有我的字体fonts/fontawesome-webfont.ttf?v4.1.0当应用首次在线加载时,ttf文件会加载并存储在应用缓存中并正确显示。但是,只要您断开网络连接,应用程序就可以离线运行,除了基于字体的图标(它们显示为方框,就好像字体没有加载一样)之外,一切都很好我查看了chrome的应用程序缓存(chrome://appcache-internals),文件就在那里Explicit,https://mysite.com/fonts/fontawesome-webfont

javascript - 如何将 font-awesome svg 图标导出为 base64 url​​?

据我所知,我们可以将svg图像编码为base64字符串,并将其用作html文档中的url,如下所示。所以现在我想为FontAwesome库中的图标制作一个base64url​​。我该怎么做?请帮忙。 最佳答案 FontSquirrel有执行此操作的选项。上传字体后选择专家选项http://www.fontsquirrel.com/tools/webfont-generator注意这有缺点,请参阅https://github.com/FortAwesome/Font-Awesome/issues/294

html - Font Awesome 图标仅以黑色打印

我正在开发一个必须打印包含FontAwesome图标的页面的网站。问题是当您打印时,FontAwesome图标不会以彩色打印。在浏览器中,它们以彩色显示,但在打印页面时,图标为纯黑色。有没有办法让FontAwesome图标以彩色打印?也许通过CSS和@mediaprint{}?编辑:此外,我正在使用Firefox进行开发。 最佳答案 事实证明,您实际需要着色的元素不是i本身,而是它的:before元素。因此:.fa:before{color:red;} 关于html-FontAwesom

javascript - 文本溢出 : ellipsis removes font-awesome icons

我有一个简单的表格,在它们的单元格中有FontAwesome图标。我使用纯javascript使表格列可调整大小。如果溢出并显示省略号(“...”),单元格内容将被隐藏:td,th{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}问题:当调整列的大小时隐藏内容,然后再次变大时,除了第一个图标之外的所有图标都消失了。预期行为:再次使列变大时,图标应该会重新出现。请运行下面的代码片段以查看它的实际效果。非常感谢任何帮助!谢谢。(functionmakeTableHeaderResizable(){//clearresiz

javascript - html5 输入类型编号 : detect whether spinbox or not (and no other features)

在Webkit浏览器中,输入[type=number]有一个旋转框控件:但是,Safari不遵循其他一些输入[type=number]规则,例如强制只输入数字字符。因此,Modernizr检测到Safari不支持input[type=number]。我对数字输入宽度有非常特殊的需求,当有旋转框时,我将宽度设置为2.7em,如果没有它(如在Firefox中),宽度只需1.7em。所以Chrome和Firefox看起来都不错。但是Safari放入一个旋转框但不遵循任何其他规则,所以它得到1.7em宽度,看起来像这样:我只关心是否有旋转框控件。我不关心Safari违反的任何其他input[t

html - Font-Awesome css 在本地不工作

我想在不使用cdn的情况下在本地使用FontAwesome。我的代码无法将超赞字体图标添加到我的页面。我可以使用cdn链接使其轻松工作,但本地链接无法执行任何操作。谢谢杰森。HowitWorks|Rubberdesk 最佳答案 写这篇文章可能对像我这样的人有帮助:font-awesome.min.css的实际文件夹是public/css/font-awesome.min.css在font-awesome.min.css文件中,font-familysource指的是URL*'../fonts/fontawesome-webfont.