如何在vueJS / Vuetify中给新创建的元素添加一个令人敬畏的字体图标？

文章/答案/技术大牛

发布

1回答

javascript、vue.js、font-awesome、vuetify.js

我正在尝试创建一个用户列表，其中用户从一行图标中选择他们的图标。他们激活一个模式，输入他们的信息，然后选择“添加用户”。我在点击图标的值时遇到了问题，正如你在下面看到的，我使用的是this.icons[0]，它将进行控制台日志记录。但是我不能成功地让它们动态记录。此外，我无法成功地将图标添加到人员(即使在调用索引的情况下，如上所述。最好的

浏览 2提问于2019-05-26得票数 0

回答已采纳

1回答

Froala字体图标显示为方形

css、ruby-on-rails、icons、font-awesome、froala

问题：当我在应用程序中加载Froala文本编辑器时，编辑器加载良好，通过编辑器提交的内容甚至保存。但是工具栏图标(字体图标)都显示为正方形。但是我还有其他sass文件需要导入到我的应用程序文件中，这就是为什么我把它作为application.css.scss。我使用Froala Gem将Froala安装到项目中。编辑器正在初始化，这意味着require froala_editor.min.css中的要求正在工作。这是不是意味着我的</em

浏览 0提问于2016-11-10得票数 0

回答已采纳

1回答

如何使用chrome扩展在网页中绘制图标？

html、css、google-chrome-extension、font-awesome、ico

我建立了一个Chrome扩展，在网页上突出显示电话号码。除了高亮显示数字之外，我还想在每个数字的末尾添加一个图标。在这里，我有两个选择：使用.ico文件。有一个问题，字体可怕的图标。当我尝试字体令人敬畏的独角兽，他们是呈现为空白方块和与fa-电话类，没有任何渲染，可能是因为特定的

浏览 5提问于2017-09-08得票数 2

5回答

如何在v图标组件中包含字体图标？

vue.js、font-awesome、vuetify.js

字体已全部导入并准备就绪(安装程序是独立于我已成功集成的字体的项目)：import '@babel/polyfill'import$mount('#app')我的Component.vue ...</

浏览 0提问于2018-08-26得票数 19

回答已采纳

2回答

如何在vuetify标签<v-icon></v-icon>中使用圆角图标？

vue.js、vuetify.js

我想在vuetify附带的v-icon标签中使用圆形的材料图标。我在stackoverflow上尝试了所有的方法... <v-icon>announcement</v-icon>

浏览 31提问于2020-10-27得票数 1

回答已采纳

1回答

Rails 4-字体-可怕的CSS问题

css、ruby-on-rails-4、font-awesome

我有一个使用的应用程序。元素对齐的页面可以是。所以问题是我如何在圆圈的中心对齐字体-令人敬畏的元素？

浏览 5提问于2014-06-09得票数 0

回答已采纳

3回答

[Vue警告]：未知的自定义元素：<network> -您正确注册了组件吗？vue-社会共享

vuejs2

尝试使用vue-社会化共享(最新版本2.4.3)库，但始终获得以下内容：我遵循了指南中的代码示例。我创建了一个单独的组件，并遵循了vue-社会化共享提供的示例。但仍然不断地犯错误。import Vue from 'vue' import './plugins/vuetify</

浏览 0提问于2019-05-26得票数 0

回答已采纳

1回答

Wordpress + Jquery手风琴+字体-非常棒的插件

jquery、wordpress、font-awesome、accordion

我在wordpress中创建了一个插件，它创建了一个jquery手风琴。它很好，然而，现在我试图添加图标使用字体-令人敬畏，但我似乎无法得到图标显示。我添加了“字体-令人敬畏”的插件，并通过在空元素(i，div，span)中指定图标类，验证了图标在其他地方的显示。所以，我知道它在那里工作。activeHead

浏览 0提问于2019-07-11得票数 0

1回答

css:显示一半字体的图标。

html、css、font-awesome

我使用了一个基于字体的图标集(在我的例子中是字体-令人敬畏的4.7图标)，它的用法如下：我想要做的是在右下角覆盖一个三角形，这样它看起来就像法眼斜杠的图标是否有可能添加一个css类(<e

浏览 0提问于2018-05-22得票数 0

回答已采纳

4回答

改变字体-可怕的尺寸在css中。你是怎么做到的？

font-awesome

我试过用字体大小改变字体的可怕大小，但由于这个css，它不起作用：有什么办法可以推翻这个吗？我试图有字体-可怕是两个不同的大小时，移动或屏幕，我想影响字体大小使用css，而不是大小不同的字体-可怕的标签。我能做什么?

浏览 7提问于2015-09-06得票数 10

回答已采纳

2回答

HighCharts工具提示中的固定宽度字体非常棒

highcharts、font-awesome

我正在尝试添加字体令人敬畏的图标到HighCharts工具提示。我面临的问题是字体图标有不同的大小，所以它们在工具提示中看起来有点锯齿。在纯html中，有一个用于确保所有图标具有相同宽度的easy fix。然而，我不知道如何在HighCharts工具提示中做到这一点，因为我使用的是字体可怕<e

浏览 31提问于2021-10-31得票数 0

回答已采纳

1回答

在项目中使用像font-awesome这样的字体

css、fonts、polymer、font-awesome

如何在整个项目中使用？理想情况下，我希望将它包括在头部标签或类似的任何其他项目。但由于not组件的ShadowDOM，它不能被识别。我知道在聚合物中有一个解决方案，但这不会将所有令人敬畏的字体添加到每个单独的小组件中，并占用内存和性能吗？我也看到过像这样的用于字体的聚合物组件，但我不想这样使用它。这需要使用铁图标，而且我已经有一个项目，我正在尝

浏览 8提问于2016-08-03得票数 1

回答已采纳

2回答

HTML标记文本内容被图标替换

html、css、font-awesome

多年来我一直在使用像字体这样的标志性字体-太棒了。从技术上讲，它使用伪元素:before并将类名与图标字体的字符链接起来。fa-heart:before {} 但是，在下一个</

浏览 4提问于2017-12-01得票数 3

回答已采纳

3回答

在CSS内容中添加一个空格

css、font-awesome

我有一个带的按钮。效果很好。问题是后面的文本在字体、令人敬畏的图标和文本之间没有空格。如何在内容中添加一个空格？

浏览 1提问于2018-05-10得票数 8

回答已采纳

4回答

这类课程的风格如何？

html、css

我有这样的事情：是支票标志的标记。在我正在做的一门课程中，老师当时只有class="fa-check"。我们应该把它的样式，改变color，而我不知道怎么做。我试过：最后，我只是把风格放在行中，它起了作用，但我知道这不是推荐

浏览 15提问于2022-08-10得票数 0

1回答

字体令人毛骨悚然的造型Q(按钮行)

html、css、twitter-bootstrap、font-awesome

这是一个愚蠢的问题，因为有一个简单的答案，但我尝试使用字体令人敬畏的按钮行，如所示。case.primaryCase"> </td> "btn“类将第二个字体-令人敬畏的图标推入一个新的行。<span

浏览 0提问于2015-12-28得票数 2

回答已采纳

2回答

自定义字体显示错误，字体太棒了？

joomla、fonts、joomla3.0、font-awesome

我有一个自定义字体，机器人轻和机器人定期安装在一个乔姆拉t3模板。当我添加字体时，自定义字体显示不正确:在Firefox中显示为serif类型，在Safari和Chrome中，Roboto Light显示为常规或粗体。同样的冲突也表现在字形图标类上。可以帮我忙吗？

浏览 0提问于2014-09-27得票数 1

2回答

什么是CSS，使字体-可怕的堆栈图标工作？

css、fonts、icons、font-awesome

有人能解释一下字体的堆栈图标背后的css吗？我正在尝试创建我自己的自定义堆栈图标字体，但我没有让他们堆叠字体-可怕的管理方式。我不确定哪个是他们设法使堆栈“发生”的特定css。(据我所知，这并不是重复的:关于如何使用字体-令人敬畏的堆栈图标有很多问题，但没有一个问题背后的机制。)

浏览 4提问于2015-07-13得票数 2

回答已采纳

4回答

在vue.js web组件目标中使用Vuetify版本的material-图标

vue.js、web-component、vuetify.js、google-material-icons

在web组件中包含Vuetify的材质图标样式的正确方式是什么，这样它就可以在阴影中访问，而不会在父组件中有任何外部链接(因为web组件没有index.html)？所以，所有的css库/图标都需要存在于mycomponent.vue中。我尝试在组件的模板中添加指向材质图标的链接 <link rel="stylesheet" href="

浏览 40提问于2019-06-02得票数 1

回答已采纳

3回答

将FontAwesome集成到KendoUI CSS中

html、css、kendo-ui、kendo-asp.net-mvc

我正在开发一个使用ASP.NET MVC和Kendo构建的站点。我正在尝试添加一个自定义图标到一个按钮中，该按钮显示在Kendo网格中，但我被卡住了。下面是网格中设置按钮的代码： .Text(" ") .HtmlAttributes(new

浏览 9提问于2017-04-10得票数 1

回答已采纳

点击加载更多