草庐IT

TTF_Font

全部标签

html - Font Awesome 5 图标不适用于 Bootstrap 4

我试图在Bootstrap暗按钮上添加github(class="fasfa-github")图标,但按钮图标和文本没有出现(控制台不显示任何内容)代码:HenriqueBorgesProgramadorexperienteeWebDesigner.Itusesutilityclassesfortypographyandspacingtospacecontentoutwithinthelargercontainer.Github我已经包含了BS和FA库: 最佳答案 试试这个片段。将fasfa-github更改为fabfa-githu

相当于 "font size+2"的 HTML 样式标签

临时增加字体大小然后恢复正常的新“样式”方法是什么(不使用CSS,或者CSS是更好的方法?)。我想在文本中插入一个希伯来语单词,对于初学者来说,希伯来语字体太小了。我总是希望它比当前的字体大小大,而不是与某些特定大小Hook。下面的第1行有效(旧的做事方式)。第2行的修复是什么?Thisisnormal.biggerbacktonorm.andalsobigger. 最佳答案 我会创建一个类(比如.hebrew)并将字体大小属性设置为1.2em。这样,无论周围文本的字体大小如何,带有希伯来语类的文本都会大20%。.hebrew{fo

html - Font Awesome 中 aria-hidden 的效果

aria-hidden在FontAwesome中有什么作用?有必要用吗?为什么?或者为什么不呢?比如我想知道下面代码中aria-hidden="true"的效果: 最佳答案 简而言之,它使屏幕阅读器看不到图标,以增强可访问性。来自thedocumentation:Ifyou'reusinganicontoaddsomeextradecorationorbranding,itdoesnotneedtobeannouncedtousersastheyarenavigatingyoursiteorappaurally.Additional

html - @Font-face 不能在手机上工作

这是我的代码,它在台式机和平板电脑上运行良好,但在移动设备上运行不佳。是代码还是做一些字体在移动设备上不起作用@font-face{font-family:'Out';src:url('http://location/Outstanding.otf');} 最佳答案 您需要将所有需要的src添加到@font-face中,就像这个例子:@font-face{font-family:'MyWebFont';src:url('webfont.eot');/*IE9CompatModes*/src:url('webfont.eot?#ief

javascript - 如何: Reduce font-size if a line breaks

我在div中有一个跨度,div必须保持200像素宽,并且文本必须适合div中的一行。跨度内的文本是动态生成的,所以我不可能知道哪些内容会换行,哪些不会。Thissentenceistoolargetofitwithinthediv.如果我使用CSS属性white-space:nowrap;,文字将溢出到div的外部,这当然是我们不希望的。如何根据是否换行来减小字体大小(或缩放)?我更喜欢CSS答案,但我知道这是否超出了CSS的能力范围。 最佳答案 一个相当讨厌的方法:循环减少溢出的跨度,直到它小于div宽度;vardivWidth=

html - 如何使用 Font Awesome 设置 CSS 复选框的样式

我正在尝试使用FontAwesome设置我的复选框的样式,这些复选框是从我在wordpress中使用的插件自动生成的,我有一个JSFiddle中所有内容的模型http://jsfiddle.net/bBPY5/1/我的CSS似乎有点问题,但我不知道是什么。Common(223)Epic(40)Free(83)Legendary(36)Rare(84)这是CSS@importurl(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);#sidebar-cards-archiveulli{list-style

html - Font Awesome 在离线模式下不工作

我正在使用font-awesome图标来发布我的HTML、CSS模板。当我有实时链接时,它们工作正常,但当我下载CSS文件并将其包含在我的页面中时,图标消失了。直播路径:本地路径:如何在离线模式下使用awesome字体? 最佳答案 您是否将FontAwesome字体嵌入到您的元素中?你的结构必须是这样的:[+]assets[+]cssfont-awesome.css[+]jsdemo-file.js[+]fontsfontawesome-webfont.eotfontawesome-webfont.svgfontawesome-we

html - 如何将列表项与 Font Awesome 图标下一行文本对齐?

一张图描绘一千个单词。下一行的文本需要与上面的边距相同。HTML:NameandsurnafddddddddddddddssdgfhdhhdfhdfhdshdfhdsfhsdfhdsfhsdfhsdfhdsfhmeCSS:ul{display:table;a{padding-left:10px;}span{padding-left:10px;}}更新:@panther更新后:这是可以接受的,但是fontawesome图标现在偏离了中心。 最佳答案 你可以尝试使用fontawesome'sbuilt-insolutionforlist

css - 有什么方法可以修复 fonts.com @font-face 声明吗?

许多流行的字体似乎都可以从http://webfonts.fonts.com/专供网络使用但是,它以一种非常奇怪的方式工作。他们不会给你直接的字体URL,而是给你一个引用字体文件的CSS文件。我认为CSS中的字体URL可能是短暂的并且会随着时间的推移而变化,以防止未经授权的使用。所以你必须使用他们的CSS,你不能直接合并字体文件URL(据我所知)。反过来CSS也不是我想的那样。而不是(简化):@font-face{font-family:"Foo";font-weight:bold;src:url("foo-bold-variant.ttf");}@font-face{font-fam

html - 为什么我的 Font Awesome 图标在页面加载时消失了?

知道为什么我的超赞字体图标最初会显示在页面上,然后在页面实际加载后变成空白方block吗?这是我的gemfile:gem'rails','4.0.1'gem'bootstrap-sass','2.3.2.0'gem'bcrypt-ruby','3.1.2'gem'faker','1.1.2'gem'will_paginate','3.0.4'gem'bootstrap-will_paginate','0.0.9'gem"libv8",">=3.11.8"gem"therubyracer",">=0.11.0",:group=>:assets,:platform=>:ruby,:requ