草庐IT

font-style

全部标签

angular - 如何将属性绑定(bind)到 style.width 以像素为单位?

我正在使用Angular2并且我编写了以下代码:sometexts我也试过:sometextsexportclassMyComponent{width:number=150;}但它不会将宽度绑定(bind)到div元素。我做错了什么? 最佳答案 对我来说很好Plunkerexample@Component({selector:'my-app',styles:[`div{border:3pxsolidred;}`]template:`Hello{{name}}sometexts`,})exportclassApp{name:strin

html - 如何在圆形 div 中垂直居中对齐 Font Awesome 图标?

我正在尝试将字体图标垂直居中对齐。如果有文本,我们可以使用line-height属性来实现,即使我尝试给line-height设置与div高度相同的高度。尝试过display:inline-block和vertical-align:middle没有成功。如何使所有尺寸的图标垂直居中。它应该是动态的,因为图标大小可能不同。因此margin-top的硬编码可能不适用于其他大小的图标以及div。代码.exp{width:80px;height:80px;background-color:red;border-radius:100%;line-height:80px;text-align:ce

html - 我可以将 <style>...</style> 标签放在 HTML 文件的正文中以通过电子邮件发送吗?

由于很多电子邮件客户端忽略HEAD标签,我可以在正文中嵌入内联样式表吗? 最佳答案 简短的回答是否定的。Gmail去除标签及其内容。Hotmail、雅虎!Mail和WindowsLiveMail不会去除正文元素中的样式标签。但是看看"TheUltimateGuidetoCSS"forHTMLemail在CampaignMonitor上。 关于html-我可以将<style>...</style>标签放在HTML文件的正文中以通过电子邮件发送吗?,我们在StackO

html - CSS 属性 list-style 应该应用于 <ul>/<ol> 还是 <li>?

大多数站点显示语法为应用list-style到但我见过一些适用于list-style的教程网站(如thisone)到或.哪个是“正确”的方式? 最佳答案 根据W3CCSS2引用,可以找到here,Anothersolutionwouldbetospecify'list-style'informationonlyonthelisttypeelements:ol.alpha{list-style-type:lower-alpha}ul{list-style-type:disc}Inheritancewilltransferthe'lis

html - 将数字与 Font Awesome 结合使用

我想用数字来列出流程中的步骤。我很好奇如何使用FontAwesome做到这一点。我想使用带有1、2、3...的圆圈。这可能吗?FontAwesome会在图标列表中添加数字吗?谢谢! 最佳答案 Fontawesome实际上有built-insupport用于在图标顶部堆叠常规文本(即数字、字母......)。这是一个niceexampleofacalendaricon将月份的实际日期作为纯文本。正如该帖子还解释的那样,您可能需要添加一些额外的样式以获得最佳定位。HTML:27CSS:.calendar-text{margin-top:

html - 我们可以修改 Font Awesome 旋转速度吗?

我的网站上显示了一个旋转齿轮,代码如下:个人认为齿轮的速度太快了。我可以用CSS修改它吗? 最佳答案 简答是的,你可以。将图标上的.fa-spin类替换为使用您自己的动画规则的新类:.slow-spin{-webkit-animation:fa-spin6sinfinitelinear;animation:fa-spin6sinfinitelinear;}更长的答案如果您查看FontAwesomeCSSfile,你会看到这个旋转动画的规则:.fa-spin{-webkit-animation:fa-spin2sinfinitelin

html - Font Awesome 和 Unicode

我在我的网站上使用(优秀的)Font-Awesome,如果我这样使用它,它工作正常:但是(出于某些原因)我想以Unicode方式使用它,例如:(FontAwesome'scheatsheet)但这不起作用-浏览器显示的是一个正方形。我该如何解决这个问题?CSS路径是正确的(作为使用FontAwesome的第一种方式)。编辑:我确实安装了FontAwesome.otf。 最佳答案 我在使用unicode和fontawesome时遇到了类似的问题。当我写道:font-family:'FontAwesome\5Free';

html - 是否可以使 Font Awesome 图标大于 'fa-5x' ?

我正在使用这个HTML代码:ordersthisweekViewDetails它创建:是否可以使图标大于fa-5x?它下面有很多空白,我希望它能占据。 最佳答案 Fontawesome只是一种字体,因此您可以使用CSS中的字体大小属性来更改图标的大小。所以你可以像这样给图标添加一个类:.big-icon{font-size:32px;} 关于html-是否可以使FontAwesome图标大于'fa-5x'?,我们在StackOverflow上找到一个类似的问题:

html - 在 CSS 中使用多个 @font-face 规则

如何在我的CSS中使用超过@font-face规则?我已将其插入到我的样式表中:body{background:#fffurl(../images/body-bg-corporate.gif)repeat-x;padding-bottom:10px;font-family:'GestaRegular',Arial,Helvetica,sans-serif;}@font-face{font-family:'GestaReFogular';src:url('gestareg-webfont.eot');src:local('☺'),url('gestareg-webfont.woff')f

html - 从 Font Awesome 中提取 SVG

我想从FontAwesome获取SVG路径数据字形,以便我可以在我的HTML中直接将它们用作SVG。我认为这就像从fontawesome-webfont.svg复制粘贴路径数据一样简单,但是当我在我的HTML中使用它时,所有的符号都是颠倒的。有人知道为什么吗?(参见Fiddle)FontAwesomeSVG:...移植到HTMLSVG(并按比例缩小): 最佳答案 更新2022感谢ChrisAelbrecht下面的评论:官方repo有最新版本的SVG可供下载https://github.com/FortAwesome/Font-Awe