去

https://github.com/Darkseal/bootstrap4-glyphicons

下载并包含在您的代码中

<link href="bootstrap4-glyphicons/css/bootstrap-glyphicons.css" rel="stylesheet">

概述:

我使用bootstrap 4没有象形文字。我发现一个问题与引导树视图依赖于象形文字。我使用树视图，我使用scss @extend转换图标类样式为字体awesome类样式。如果你问我，我认为这是相当狡猾的!

细节:

我使用scss @extend来为我处理它。

我以前决定使用font-awesome，没有比我过去使用它更好的理由了。

当我尝试bootstrap treeview时，我发现图标不见了，因为我没有安装字形。

我决定使用scss @extend特性，让glyphicon类使用font-awesome类，如下:

.treeview {
  .glyphicon {
    @extend .fa;
  }
  .glyphicon-minus {
    @extend .fa-minus;
  }
  .glyphicon-plus {
    @extend .fa-plus;
  }
}

去

https://github.com/Darkseal/bootstrap4-glyphicons

下载并包含在您的代码中

<link href="bootstrap4-glyphicons/css/bootstrap-glyphicons.css" rel="stylesheet">

从Glyphicons迁移到Font Awesome非常容易。

包括一个字体很棒的参考(本地的，或使用CDN)。

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

然后运行搜索并替换搜索glyphicon glyphicon-并将其替换为fa fa-，并将外围元素从<span更改为<i。大多数CSS类名是相同的。有些已经改变了，所以你必须手动修复它们。

对于那些正在寻找一行程序解决方案的人，您只能导入Bootstrap Glyphicons:

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css">

glyphicons。Bootstrap 3的较少文件在GitHub上可用。 https://github.com/twbs/bootstrap/blob/v3-dev/less/glyphicons.less

它需要这些变量:

@icon-font-path:          "../fonts/";
@icon-font-name:          "glyphicons-halflings-regular";
@icon-font-svg-id:        "glyphicons_halflingsregular";

然后你可以把。less文件转换成你可以直接使用的。css文件。你可以在lesscss.org/less-preview/上进行在线调查。在这里，我已经为你做了，保存为glyphicons.css，并将其包含在你的HTML文件中。

<link href="/Content/glyphicons.css" rel="stylesheet" />

你还需要在Bootstrap 3包中的Glyphicon字体，将它们放在/fonts/目录中。

现在你可以像往常一样继续使用Bootstrap 4中的Glyphicons。