-
1 votesanswersviews
如何将Font Awesome 5图标作为光标
在Font Awesome 4x中,我设法通过将光标更改为base-64图像URL来将光标设置为图标 . 现在在Font Awesome 5中它不再起作用了 . 我找到了this解决方案,但它在这里不起作用 . 这就是我尝试过的 . var canvas = document.createElement("canvas"); canvas.width = 20; canvas.... -
164 votesanswersviews
字体真棒不工作,图标显示为正方形
所以我正在尝试原型化营销页面,我正在使用Bootstrap和新的Font Awesome文件 . 问题是当我尝试使用图标时,在页面上呈现的所有内容都是一个大方块 . 这是我如何在头部包含文件: <head> <title>Page Title</title> <link rel="stylesheet" ... -
60 votesanswersviews
更改FontAwesome图标的字体粗细?
我想让其中一个FontAwesome图标稍微沉重一点 - 它比我使用的字体重得多 . 这是它目前的样子: : 丑,对吗?所以我尝试重置font-weight,如下所示: .tag .icon-remove { font-weight: 100; } 该属性似乎在CSS中正确设置,但它没有效果 - 图标看起来和以前一样重 . 我也尝试了 font-weight: lighter 和 -we... -
102 votesanswersviews
文本输入元素内的字体真棒图标
我试图在用户名输入字段中插入用户图标 . 我已经尝试了similar question中的一个解决方案,知道 background-image 属性不起作用,因为Font Awesome是一个字体 . 以下是我的方法,我无法显示图标 . .wrapper input[type="text"] { position: relative; } .wrapper input... -
64 votesanswersviews
当项目使用grunt构建时,Fontawesome无法正常工作
我正在使用字体库字体很棒 . 当项目没有使用grunt构建/使用时,它可以工作 . 但是,当我用咕噜声构建项目时,它无法正常工作 . 我在控制台中收到此错误:... / fonts / fontawesome-webfont.woff?v = 4.0.3 404(未找到) 我和自耕农一起搭建了这个项目 . 这是我在index.html中的参考 <!-- build:css styles/fo... -
2 votesanswersviews
Fontawesome图标不显示
我在我的网络应用程序中使用字体很棒 . 我在2台不同的机器(笔记本电脑)上测试了IE 11上的Web应用程序 . 一台机器显示正确的字体,但另一台机器不显示图标 . 起初我以为在我的网络应用程序中存在问题,在通过各种论坛搜索问题之后,它仍然无法解决问题 . 然后我从两台机器打开font awesome official website,一台机器显示图标,另一台不显示图标,如下图所示 Machine... -
65 votesanswersviews
FontAwesome图标没有显示 . 为什么?
最近我一直在开发这个网站,我试图在其中放置一个字体很棒的图标,所以它是可扩展的 . 事情是他们没有出现 . 看看HTML: <a class="btn-cta-freequote" href="#">Get a FREE Quote <i class="fa fa-arrow-right"></i>&l... -
3 votesanswersviews
带有Font Awesome 5图标的复选框
有人已经设计了带有字体真棒5个图标的复选框吗? 我已经用谷歌搜索了它,只发现了FA-4的例子,如http://flatlogic.github.io/awesome-bootstrap-checkbox/demo/ 我更新到FA5并使用CSS伪元素运行其他东西,但在复选框内它没有运行 . 我对没有伪元素的其他解决方案持开放态度 . 提前致谢! Fiddle-Examples: Fiddle wit... -
0 votesanswersviews
自升级到版本5 pro以来,FontAwesome图标更大
我最近将我的所有项目升级为font-awesome 5 pro . 由于更新后图标看起来比以前更大,即使我使用相同的字体大小 . 有没有人知道如何改变它?我的意思是如何在不编辑项目中的所有css类的情况下更改所有图标的一般大小 . 例: -
119 votesanswersviews
添加自定义图标到字体真棒
我喜欢Font Awesome图标字体,并希望将其用于我网站上的大多数图标,但我提供了一些自定义svg图标 . 我注意到.svg version of Font Awesome主要由这些 <glyph /> 元素组成: ... <glyph unicode="&#xf0b2;" horiz-adv-x="1536" d="... -
174 votesanswersviews
字体很棒,输入类型'submit'
在font-awesome中似乎没有输入类型'submit'的类 . 是否可以使用font-awesome中的某些类来输入按钮?我在我的应用程序中为所有按钮添加了图标(实际上它们与来自twitter-bootstrap的类'btn'相关联),但无法在'input type submit'上添加图标 . 或者,如何使用此代码: input#image-button{ background: ... -
208 votesanswersviews
我可以更改Font Awesome图标颜色的颜色吗?
出于某种原因,我必须将我的图标包装在 <a> 标签内 .有没有可能的方法将字体 - 真棒图标的颜色更改为黑色?或者只要它包裹在 <a> 标签内是不可能的?字体真棒应该是字体而不是图像,对吧? <a href="/users/edit"><i class="icon-cog"></i> Edit p... -
258 votesanswersviews
在CSS中使用字体真棒图标
我有一些看起来像这样的CSS: #content h2 { background: url(../images/tContent.jpg) no-repeat 0 6px; } 我想用Font Awesome中的图标替换图像 . 我没有看到使用CSS中的图标作为背景图像 . 这可能是假设在我的CSS之前加载Font Awesome样式表/字体吗? -
0 votesanswersviews
带有Icon Markers插件的Highcharts不会渲染FontAwesome点
Highcharts的一个例子是this JSFiddle demo,它提供了一个插件,允许FontAwesome图标在图表上呈现为点 . 我工作了'm trying to incorporate the same thing on a project I'但是当我向图表添加一个点时(通过手动更改单个 series 中的 data 对象或通过调用系列' addPoint 方法),该点不会显示 . ... -
0 votesanswersviews
IE浏览器兼容性问题:Prime-ng Icons,Font-Awesome Icons和Clarity html
在我的前端,我使用了Prime-ng,Font-awesome和Clarity-icons . Chrome的一切都运转良好 . 之前所有这些功能在IE 11中都可见 . But recently in IE 11.2363 Prime-ng Paginator icons, Clarity icons, Font-awesome icons are not visible 我已经通过这个链接:... -
1 votesanswersviews
在sidenav上有不同的点击区域
我正在使用bootstrap,因为我使用侧面导航来提供页面左侧的可折叠列表 . 以下是我的代码 . <ul class="nav navbar-nav side-nav"> <li> <a class="active" href="#" onclick="loadelement... -
0 votesanswersviews
Grails 3如何包含font-awesome字体
this post在项目中使用字体awesome的过程有一半 . 步骤是: 下载font-awesome zip并解压缩到grails-app / assets / fonts目录 . 修改build.gradle以在资产下添加includes = ["fonts/*"] ? 使用代码中的字体,例如 <i class =“fa fa-camera-re... -
1 votesanswersviews
Sass :: SyntaxError:未定义的变量:“$ fa-css-prefix”
我正在尝试将当前主题集成到我的rails应用程序中 . 在我运行后进行整合 rake assets:precompile --trace 我收到以下错误 . ** Invoke assets:precompile (first_time) ** Invoke assets:environment (first_time) ** Execute assets:environment ** Invo... -
52 votesanswersviews
如何使用相对路径在Webpack中使用SCSS(SASS)加载font-awesome?
我的node_modules文件夹中有font-awesome,所以我尝试在我的主.scss文件中导入它,如下所示: @import "../../node_modules/font-awesome/scss/font-awesome.scss"; 但是,告诉我,Webpack捆绑编译失败了 Error: Cannot resolve 'file' or 'directory... -
4 votesanswersviews
Nativescript和FontAwesome
我试图在Nativescript应用程序中使用图标字体FontAwesome,这可能是根据这篇文章https://www.nativescript.org/blog/mobile-app-best-practices---use-font-instead-of-image-to-show-an-icon 我做了那篇文章中描述的所有内容: 在app / fonts中添加了.ttf 在app.... -
215 votesanswersviews
使用字体awesome图标作为CSS内容
我想使用字体真棒图标作为CSS内容,即 a:before { content: "<i class='fa...'>...</i>"; } 我知道我不能在 content 中使用HTML代码,所以它只剩下图像吗? -
-1 votesanswersviews
如何使Bootstrap社交图标居中?
如何将这些社交媒体图标放置在页脚中心?我尝试过text-align和margin-left和margin-right auto . 当我打开文件时,四个图标位于页面的左下角 . 这是我的完整HTML文件,底部是Bootstrap内容 . <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bo... -
1 votesanswersviews
如何使用图标而不是文本填充Angular Material下拉列表
我有一个模板驱动的表单,我希望其中一个下拉列表有一个字体真棒图标列表出现,但我无法这样做 . 就像是: 我正在使用模板驱动表单和Angular Material beta版本,使用md而不是mat组件 . 这是我现在直到尝试的东西: <md-select placeholder="Icon" [(ngModel)]="actionHook.icon"... -
1 votesanswersviews
Angular CLI输出dist root的字体真棒字体文件
您是否必须 eject 您的angular-cli并覆盖webpack配置才能将 font-awesome 字体放入assets / fonts文件夹中?我有这个angular-cli,我在_1096663中以这种方式包含了字体 - 真棒: "styles": [ "styles.css", "../node_mod... -
22 votesanswersviews
使用FontAwesome和Sass
我'm trying to use FontAwesome in a web Compass project. As there'在FontAwesome page中没有具体的文档,我'm not using Bootstrap, I'遵循"Not using Bootstrap?"方向,但无法使其正常工作 . 输出 我没有发现任何特定错误,无论是找不到还是编译错误 . 它只是... -
1 votesanswersviews
哪个导入用于FontAwesomeIcon,React和Jest?
我有一个React站点(使用TypeScript和Webpack),它使用FortAwesome的 react-fontawesome 包来渲染图标 . 此包导入如下: import FontAwesomeIcon from '@fortawesome/react-fontawesome'; 在使用Enzyme添加Jest测试时,任何使用包含对 FontAwesomeIcon 的引用的组件的测试... -
191 votesanswersviews
如何使用大字体 - 真棒图标垂直居中文字?
可以说我有一个带有字体真棒图标和一些文字的引导按钮: <div> <i class='icon icon-2x icon-camera'></i> hello world </div> 如何使文本垂直居中显示?文本现在与图标的下边缘对齐:http://jsfiddle.net/V7DLm/1/ EDIT: 我有一个可能 soluti... -
2 votesanswersviews
如何使用webpack从node_modules目录添加字体awesome
我使用npm install font-awesome --save-dev安装了font-awesome,现在我在我的项目中遇到麻烦了 . 以下是我的代码 . webpack.config.js { test: /\.(svg|woff|woff2|ttf|eot|otf)$/, loader: 'file-loader?name=assets/[... -
126 votesanswersviews
带有font-awesome图标的自定义li列表样式
我想知道是否可以利用font-awesome(或任何其他标志性字体)类来创建自定义 <li> list-style-type? 我目前正在使用jQuery来做到这一点,即: $("li.myClass").prepend("<i class=\"icon-chevron-right\"></i>");... -
1 votesanswersviews
如何在Twitter Bootstrap图标和Font Awesome图标之间实现奇偶校验
在Ruby on Rails 3.2应用程序中,我使用Twitter Bootstrap-Sass v 2.0.3和Font Awesome作为Gems安装 . 我正在使用'Font Awesome',因为我想改变Bootstrap Icons的颜色 . 我的问题是我的图标在彼此对齐方面是完全关闭的: 发生的事情是它将原始的黑色图标和较新的图标渲染在不同的位置 . 在Font Awesome上...