Question

我想在项目中使用图标，我添加了这样的图标：

<a href="#">
  <i class="icon-display4"></i> 
  <span class="visible-xs-inline-block position-right"> start</span>
</a>

并添加我在<head>中链接它们：

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900" rel="stylesheet" type="text/css">

但图标没有显示。

我该如何解决这个问题？

Answer 1

确保您的图标确实存在。看起来你正试图使用：

<i class="icon-user-tie">

但是official website上的搜索并未将此视频显示为活动图标。

Answer 2

您可以使用示例添加字体真棒图标：

<i class="fa fa-plus"></i>

这里有一个包含来自font awesome的所有图标的列表： http://fontawesome.io/icons/

Answer 3

如果你想在你的页面中使用图标，那么你必须使用很棒的图标

转到：http://fontawesome.io/icons/

首先，您需要在页面上添加字体真棒Css文件。然后你可以在页面的任何地方使用它。

添加：<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

例如，我使用此图标：

<i class="fa fa-pencil" aria-hidden="true"></i>

Answer 4

如果通过＆＃39;图标＆＃39;你的意思是Bootstrap Glyphicons，我建议访问https://www.w3schools.com/icons/bootstrap_icons_glyphicons.asp，它们也是预定义的bootstrap标准插件，例如glyphicons-halflings-regular files。

Answer 5

我无法理解这个问题，但我认为这可能就是你想要的：

添加图片，然后使用标签，语法如下：

<img src="image location like https://i.imgur.com/HLXsgMd.jpg">

对于链接图像，然后将图像放在标签内，如下所示：

<a href="#"><img src="image location"></a>

制作一个favicon（页面标题旁边显示的图标），这应该有效：

请注意，它必须是.ico文件，请参阅here。

<link rel="shortcut icon" href="image location">

如何在项目中添加图标？

5 个答案: