文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在/fonts中加载字形图标？

问如何在/fonts中加载字形图标？
EN

Stack Overflow用户

提问于 2015-04-20 06:30:54

回答 1查看 704关注 0票数 3

底部的溶液.

这里是引导新手-我已经读过Bootstrap希望图标在/fonts目录中(默认情况下)。

我已经从glyphicons.com下载了超过1200个PNG文件(包括Mac)。文件名不匹配--它们有像字形图标-225-chevron. and ("s“和"-225")之类的名称，而不是我的代码所要求的象形文字-雪佛龙-右。我复制了"chevron-right“和”左侧文件“，更改了名称以匹配，将”字形图标“文件夹中的文件移到”字体“下，将1225个文件直接加载到”字体“文件夹，等等。

我已经搜索过了，但没有一个对我有用的答案(Stackoverflow的点击量最大)。我搜索了w3，Bootstrap，检查了Bootswatch和其他文件中的源HTML。

我正在使用Bootswatch中的引导css文件，来自googleapis的jquery，来自bootstrapcdn的js。

解决方案=添加：

我不知道它是如何在我的代码中结束的，但是我发现它(缺少了关闭>)就在我找到的一个示例的底部附近。

在我第一次尝试的时候，第一个答案中的以下内容起了作用(我想)。现在它没有了，即使在我添加了“引导-象形文字. Now”之后

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  
<body>

    <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">
	<span class="glyphicon glyphicon-search" aria-hidden="true"></span>

</body>
</html>

twitter-bootstrap

glyphicons

回答 1

Stack Overflow用户

发布于 2015-04-20 07:39:33

您不需要任何外部符号来使引导图标工作。默认情况下，它们都存储在字体文件夹中。

所以开箱即用的引导结构是这样的

/
  css/
    bootstrap.css
    bootstrap.min.css
  js/
    bootstrap.js
    bootstrap.min.js
  fonts/
    glyphicons-halflings-regular.woff
    -etc.
  index.html

包含bootstrap.css，它将加载“../fonts/”中的所有图标，例如index.html的代码

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>

    <span class="glyphicon glyphicon-search" aria-hidden="true"></span>

  </body>
</html>

而且它应该能工作。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/29740698

复制

相似问题

问如何在/fonts中加载字形图标？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在/fonts中加载字形图标？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在/fonts中加载字形图标？
EN