颜色变化导致图标不显示在svg版本的字体上- show 5

文章/答案/技术大牛

发布

1回答

svg、font-awesome-5

我使用的是最新版本的svg+js字体。我只能用内联样式改变图标的颜色。每当我添加一个类时，图标就会停止显示，并变成一个闪烁的感叹号。这是一个显示问题https://jsfiddle.net/CaioSantAnna/Lb5dpo7v/7/的小提琴 <script defer src=&

浏览 20提问于2019-05-08得票数 1

回答已采纳

2回答

android / chrome web字体呈现问题-垂直/宽度裁剪

android、google-chrome、webfonts

所以我在一个新网站上工作。我已经创建了一个自定义字体(ttf)，并使用从它生成网页字体。字体嵌入工作很好，跨浏览器在桌面上。它在ios设备上也能正常工作。但是在android设备上，我在网站标识中使用的唯一字符是垂直裁剪的。所显示的字形还不到一半。它几乎似乎是一个精确的正方形(标志是长期的水平)请看下面的屏幕截图。我已经在</e

浏览 1提问于2014-01-30得票数 3

回答已采纳

2回答

响应地调整SVG图标和文本的大小

html、css、svg、responsive、center

我有一个SVG图标，里面有文字。我把这两张照片放在页面中间的4张照片上，问题是图标不会随着页面大小的变化而改变，而文字就会从里面出来。使用对移动、平板和桌面大小的媒体查询，它会正确显示，但在这3的大小之间，它不能很好地工作，因为transform命令是不统一的，并且不通过更改屏幕大小来优化更改大小。背景中的照片也是网格类型的。我在</em

浏览 9提问于2022-04-13得票数 2

5回答

从哪里可以获得右箭头字符？

html

谁知道我可以从哪里得到这个字符，我是说箭头，我需要一个类似的箭头来复制和粘贴到我的html文件中。

浏览 0提问于2011-08-29得票数 7

回答已采纳

4回答

字体图标与png图标

html、css、fonts、svg、icons

我对标签使用图标，但我看到了这个网站：www.fontello.com，在那里你可以用图标创建字体。但是当我创建带有图标的字体时，它比我所有的图标都要大，因为有svg，ttf，woff和eot，这4种字体都比所有的png图标都大。/font/fonticons.svg#fonticons") format('svg'); font-weight:

浏览 1提问于2012-09-20得票数 13

回答已采纳

1回答

我试过各种各样的东西，结果都是黑色的。<!在Chrome devtools中，我看到应用了填充属性(通过CSS和摆弄它) <img src="data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8

浏览 51提问于2019-04-22得票数 1

回答已采纳

2回答

字体Awese5:可以改变图标的背景色，这样它就不会在边界外流血？

icons、background-color、font-awesome-5

我想改变字体5图标的背景色。不幸的是，当我指定背景色时，它会在图标的边框外流血.以下是一个示例： <i class="far fa-exclamation-triangle" style="color: #000; font-size: 5em; background-color:谢谢你的帮助!

浏览 0提问于2018-08-15得票数 3

回答已采纳

2回答

IE11下载多个图标文件，而不仅仅是一个

css、fonts、icons、font-face

我有一个使用@字体脸显示TinyMCE图标的网页应用程序。在本地运行应用程序时，这些图标显示在IE11中。但是，当部署到云服务器时，图标不会出现在IE11中。此外，在我的应用程序的本地和远程版本中，图标都会按预期在Chrome、Safari和Firefox上加载和显示。我注意到了两件关键的事情

浏览 2提问于2019-09-09得票数 1

3回答

只显示一些字体漂亮的图标

blazor、font-awesome、blazorise

只有一些图标起作用： <Icon Name="@("fa-xmark")" IconStyle="IconStyle.Solid" /> (不

浏览 8提问于2022-03-31得票数 2

5回答

如何在不使用SVG文件本身的ID的情况下更改SVG颜色？

javascript、html、css、svg

新手与SVG一起工作，我遇到了一个问题。基本上，我使用的是Noun Project版本( )来抓取图标作为SVG。现在，我将SVG保存在本地文件夹中。我想要能够改变图标的颜色(现在他们下载为黑色，我想改变颜色)。我通过标签加载SVG，并引用保存SVG的文件夹。问题是我保存的SVG没有任何ID，我也不知道如何给它们一个ID。现在

浏览 0提问于2019-08-15得票数 1

回答已采纳

9回答

CSS图像覆盖

css、image、colors、overlay

我正在为我的公司创建一个模板，将在各种不同的客户网站上使用，它们都将在颜色范围内。我已经为这个模板创建了图标，目前是黑色(或白色)，我希望能够通过css控制这些图标的颜色。它们是一种简单的颜色，在photoshop中，如果你选择颜色覆盖的混合选项并选择一种颜色，它们看起来很棒。有没有可能在css中这样做，这样当有人为将来的客户编辑这个模板时，他们就可以在<

浏览 0提问于2012-08-01得票数 0

1回答

如何在Qt5中以我选择的颜色只绘制SVG图标的轮廓？

svg、colors、icons、qt5、paint

在Qt5 (我在Ubuntu16.04 amd64上使用5.8 )中，绘制SVG很容易。不过，我想使用SVG来表示图标，在这种情况下，如果我可以将它们画成剪影(有点像字体图标，比如字体很棒)，那将是非常有用的。这可以不写太多的自定义代码吗？

浏览 3提问于2017-02-11得票数 0

1回答

如何以标准的SCSS方式(基于字体的图标)使用@fortawesome/fontawesome (字体图标)

angular、font-awesome、angular11、angular-fontawesome

最近，我为一个使用免费品牌svg图标、常规svg图标和安装程序提供的实心svg图标的 11项目安装了npm 版本0.8，它没有显示用于安装的基于字体的图标选项。但是，除了使用这些图标作为模块外，我还想让它们以标准的方式使用，例如：<span class="fas fa-chevron-left">

浏览 5提问于2021-06-18得票数 1

4回答

创建多色图标。伊科蒙

css、icons

很难找到关于如何创建两种颜色的图标的清晰信息(facebook、-white和蓝色、google-白色和红色.)。顾客想要根据自己的意愿改变这两种颜色。我一直在寻找，我发现只有，它似乎安静，容易和明确的客户目的(改变颜色时，他们想，但我还没有理解的程序.)。我现在用的是红色，但我找不到如何添加颜色.所以我知道我需要一个图像编辑器，在facebook图标的情况下，

浏览 8提问于2015-10-27得票数 7

回答已采纳

2回答

Segoe MDL2 Assets字体系列中缺少图标

c#、xaml、fonts、uwp、icons

我正在尝试创建一个AppBarButton，其中的FontIcon属性是一个图标，但我想使用的特定图标不起作用；它显示为一个矩形。我正在用C#创建一个UWP应用程序，并试图从Segoe MDL2 Assets字体创建一个带有二维码(Unicode point ED14)图标的按钮，但当我在FontIcon元素的Glyph属性中输入图标标识符时，它只是显示占位符矩形，就好像字体没有安

浏览 63提问于2019-09-12得票数 0

回答已采纳

3回答

构建字体-令人敬畏的图标

html、css、svg、fonts、font-awesome

我会建立我自己的字体-可怕的图标集。特别是，我会构建一个字体的副本--它的所有功能都很棒，但只使用了一个图标子集。此外，我非常感兴趣的是他们如何在字体文件夹中构建文件。在github上，我找到了这个，它包含所有svg图标。在ubuntu上，使用，我能够生成将svg文件作为输入，即字体

浏览 5提问于2015-05-06得票数 9

4回答

颤振:如何在IconButton中添加大纲/笔画边框？

flutter、dart

我试着使用堆栈，但这并没有像预期的那样提供输出。这是我的密码 leading: Stack( ), // another code ),我想在IconButton中创建一个大纲/笔

浏览 6提问于2021-04-25得票数 1

回答已采纳

3回答

Bootstrap 4与Font Awesome兼容

twitter-bootstrap、fonts、icons、font-awesome、twitter-bootstrap-4

Bootstrap 4刚刚进入测试版，我担心中甚至没有列出字体令人敬畏的字体。 

浏览 23提问于2017-08-15得票数 3

回答已采纳

11回答

如何在react中为svg图像添加颜色

html、reactjs、css

我有一张图标列表。我想把图标的颜色改成白色。默认情况下，我的图标是黑色的。伙计们有什么建议吗？import homeIcon from '../img/home.svg'; <ul&

浏览 0提问于2019-02-04得票数 57

回答已采纳

1回答

用CSS或Javascript动态地格式化(非内联) SVG

javascript、css、svg

在我参与的项目中，我们使用SVG作为图标。我们的大多数图标需要有第二个版本，其中颜色是倒置的(在蓝色图标的白色背景和白色图标的蓝色背景)。我们在CSS中包括使用background-image的图标。我试图找出是否有一种方法，我们可以只有一个文件为每个图标，并使用CSS或Javascript，以改变它

浏览 3提问于2014-04-24得票数 4

点击加载更多