草庐IT

custom-icons

全部标签

html - 即 : dropdown options are blank if contain character of my custom font

在我的站点中,我需要显示里面只有图标。为此,我创建了一个自定义字体,例如fontawesome,其中每个Angular色都是我的偶像之一。然后在我的CSS中放置了这个:@font-face{font-family:'myIcon';src:url('../fonts/myIcon.eot?eengex');src:url('../fonts/myIcon.eot?#iefixeengex')format('embedded-opentype'),url('../fonts/myIcon.ttf?eengex')format('truetype'),url('../fonts/myIco

html - 即 : dropdown options are blank if contain character of my custom font

在我的站点中,我需要显示里面只有图标。为此,我创建了一个自定义字体,例如fontawesome,其中每个Angular色都是我的偶像之一。然后在我的CSS中放置了这个:@font-face{font-family:'myIcon';src:url('../fonts/myIcon.eot?eengex');src:url('../fonts/myIcon.eot?#iefixeengex')format('embedded-opentype'),url('../fonts/myIcon.ttf?eengex')format('truetype'),url('../fonts/myIco

html - Stacking Font-Awesome Star Icons(fa-star & fa-star-half)

我想堆叠两个FontAwesome图标fa-star和fa-star-half,但我遇到对齐问题。见下图:这是我的HTML:...和我的CSS:a-stacki.fa-star{color:transparent;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:orange;}.fa-stacki.fa-star-half{color:yellow;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:orange;}请注意,我不想使用fa-star-half-o,

html - Stacking Font-Awesome Star Icons(fa-star & fa-star-half)

我想堆叠两个FontAwesome图标fa-star和fa-star-half,但我遇到对齐问题。见下图:这是我的HTML:...和我的CSS:a-stacki.fa-star{color:transparent;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:orange;}.fa-stacki.fa-star-half{color:yellow;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:orange;}请注意,我不想使用fa-star-half-o,

html - 验证错误 "Bad value apple-touch-icon-precomposed for attribute rel on element link: Keyword apple-touch-icon-precomposed is not registered."

我在w3CHTML5验证器中遇到这个错误Line9,Column101:Badvalueapple-touch-icon-precomposedforattributerelonelementlink:Keywordapple-touch-icon-precomposedisnotregistered.…-icon-precomposed"sizes="72x72"href="images/sl/touch/m/apple-touch-icon.png">Syntaxoflinktypevalidfor:Awhitespace-separatedlistoflinktypesliste

html - 验证错误 "Bad value apple-touch-icon-precomposed for attribute rel on element link: Keyword apple-touch-icon-precomposed is not registered."

我在w3CHTML5验证器中遇到这个错误Line9,Column101:Badvalueapple-touch-icon-precomposedforattributerelonelementlink:Keywordapple-touch-icon-precomposedisnotregistered.…-icon-precomposed"sizes="72x72"href="images/sl/touch/m/apple-touch-icon.png">Syntaxoflinktypevalidfor:Awhitespace-separatedlistoflinktypesliste

HTML "data-attribute"与简单 "custom attribute"

我经常看到htmldata-attribute(s)将特定值/参数添加到html元素,例如使用它们将按钮“链接”到要打开的模式对话框等的Bootstrap。现在,我看到一个几乎著名的CSS框架,Kube,在其新版本中广泛使用简单的自定义属性,例如:4Black其他实际示例是可见的,例如here.我不知道可以使用简单的自定义属性,所以我尝试搜索一些有关此的资源,但我只找到了thisoldsimilarquestion其中几乎只有(可能)兼容性问题。如果浏览器支持如此“脆弱”,我很惊讶像Kube这样的CSS框架可以使用类似的解决方案......所以我的问题是:Kube的方法有多好(=交叉兼

HTML "data-attribute"与简单 "custom attribute"

我经常看到htmldata-attribute(s)将特定值/参数添加到html元素,例如使用它们将按钮“链接”到要打开的模式对话框等的Bootstrap。现在,我看到一个几乎著名的CSS框架,Kube,在其新版本中广泛使用简单的自定义属性,例如:4Black其他实际示例是可见的,例如here.我不知道可以使用简单的自定义属性,所以我尝试搜索一些有关此的资源,但我只找到了thisoldsimilarquestion其中几乎只有(可能)兼容性问题。如果浏览器支持如此“脆弱”,我很惊讶像Kube这样的CSS框架可以使用类似的解决方案......所以我的问题是:Kube的方法有多好(=交叉兼

windows应用程序icon缓存、查看图标、icon制作方法

windows程序图标缓存在vs中替换c++程序的图标后,需要重新编译,但是很多情况下都不会刷新,还是看到老的图标,只能重启电脑才能看到新的图标。通过ChatGPT得到相关的回答如下:如果在Windows上更换了可执行文件(.exe)的图标,但是在图标文件已经更改的情况下仍然显示旧的图标,可能是因为Windows缓存了旧的图标。为了解决这个问题,可以尝试以下步骤:从可执行文件的图标属性中删除图标,保存并关闭。重新打开文件的属性对话框,选择"更改图标"。选择一个新的图标并保存更改。如果图标仍然没有更改,请尝试重启WindowsExplorer进程。可以在任务管理器中找到"WindowsExplo

html - 仅使用 html/css 更改悬停时的 Google Material Icon

我想在按钮悬停时更改GoogleMaterialIcon(实际图标本身)。我想只使用HTML和CSS来做到这一点。我希望它从“加号”图标变为“检查”图标之类的东西,特别是使用“完成”图标。下面的代码笔。谢谢.material-icons.md1{font-family:'MaterialIcons';font-weight:normal;font-style:normal;font-size:33px;margin-top:12px;}.btnwrap{position:fixed;z-index:2;height:60px;width:300px;background-color:#