fontello 中的图标字体不适用于 Meteor js

2023-12-11

我已经从 fontello 下载了自定义图标字体,并打算在我的流星应用程序中使用它。 我尝试了下载包附带的演示,字体显示正常。这是我的CSS:

@font-face {
 font-family: 'fontello';
 src: url('fonts/fontello.eot?98991264');
 src: url('fonts/fontello.eot?98991264#iefix') format('embedded-opentype'),
   url('fonts/fontello.woff?98991264') format('woff'),
   url('fonts/fontello.ttf?98991264') format('truetype'),
   url('fonts/fontello.svg?98991264#fontello') format('svg');
font-weight: normal;
font-style: normal;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
 font-family: "fontello";
 font-style: normal;
 font-weight: normal;
 speak: none;
 display: inline-block;
 text-decoration: inherit;
 width: 1em;
 margin-right: .2em;
 text-align: center;

 /* For safety - reset parent styles, that can break glyph codes*/
 font-variant: normal;
 text-transform: none;

 /* fix buttons height, for twitter bootstrap */
 line-height: 1em;

}

.icon-twitter:before { content: '\e805'; } /* '' */
.icon-github-circled:before { content: '\e804'; } /* '' */
.icon-pencil:before { content: '\e801'; } /* '' */
.icon-cancel:before { content: '\e802'; } /* '' */
.icon-chat:before { content: '\e800'; } /* '' */

我的文件夹结构是这样的/client/css/styles.css和字体/client/css/fonts/

In my html I have added this markup <i class="icon-twitter"></i> and unfortunately all i see when I view the page this is all I see enter image description here Any help would be great. Thanks


如果您想在以下位置引用您的字体your.domain.com/fonts/font_name.x,你应该移动你的fonts目录到标记为的目录public。然后您可以使用路径访问它们/fonts/font_name.x.

查看此处的非官方 Meteor 常见问题解答:https://github.com/oortcloud/unofficial-meteor-faq#where-should-i-put-my-files

public/ #

或者直接查看 Meteor 文档:http://docs.meteor.com/#structuringyourapp

最后,Meteor 服务器将提供公共下的任何文件 目录,就像在 Rails 或 Django 项目中一样。这就是这个地方 对于图像,favicon.ico、robots.txt 和其他任何内容。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

fontello 中的图标字体不适用于 Meteor js 的相关文章

随机推荐

  • 如何查找保存图像时出现 Generic GDI+ 错误的原因?

    有一个在加载和存储图像时可以使用很长时间的代码 我发现我有一张图像这打破了这段代码 const string i1Path c my i1 jpg const string i2Path c my i2 jpg var i Image Fr
  • objcopy:无法复制特定部分(需要`.rodata'但不存在[...])

    我编译了一个 Hello World C 文件 只需要其中的一部分 仅 hello world 函数 编译后的文件格式为 elf32 i386 包含 4 个部分 rodata text hello comment eh frame 我尝试使
  • 对粘贴到输入字段的文本进行字符计数的正确方法是什么?

    我有一个带有输入计数器的自动扩展表单字段 其中文本区域具有 maxLength 如果在其中键入或粘贴多行 则 onKeyUp 字段会自动扩展该区域并触发计数的重新计算 这工作正常 但当我故意粘贴比允许的 1024 个字符更长的文本 1029
  • React-Native 分析不显示 JS 线程

    我按照官方指南来分析我的 JS https facebook github io react native docs android ui performance html 但是当我得到结果时 没有任何js相关的代码可以看 知道发生了什么吗
  • 从 GUI 保存用户设置

    我目前正在编写一个应用程序 它有一个选项框架JDialog 该框架包含用户可以配置的各种复选框和文本字段 我想保存用户对选项所做的更改 这样做的最佳方法是什么 我的第一个想法是将其保存在格式为例如的文件中来实现它 checkBox1 val
  • socket.io 从不连接到客户端

    我无法让 node js 中的 socket io 工作 当我在端口 3000 上启动服务器时 即使在我访问时它也不会收到连接http localhost 3000 我什至尝试复制并粘贴示例代码socket io npmjs 网页 Back
  • 处理列表

    我试图弄清楚如何处理这样的列表 4 6 7 1 2 4 6 10 4 2 4 1 这是一个由整数列表组成的列表 我希望我的函数将此列表作为输入并返回列表中不重复的整数列表 结果应该是 4 6 7 1 2 10 但我在弄清楚如何遍历它时遇到了
  • MySQL 查询语法帮助:错误 #1066 - 不唯一的表/别名

    我有四张桌子 user user billingprofile user shippingprofile and user address user 用户 ID 创建日期 用户计费配置文件 用户ID 地址 用户运输资料 用户ID 地址 用户
  • php 中的 !$page == false 还是 $page ?

    我看到下面的代码使用了 if page false 如果我使用 if page 有什么区别 if id check that page exists page dbRow SELECT FROM pages WHERE id id if p
  • 如何在 React Native 的 组件中插入换行符?

    我想在 React Native 的文本组件中插入一个新行 如 r n 如果我有
  • 如何在 Flink 中将 HashMap 附加到 Configuration 对象?

    我想分享一个HashMap跨 Flink 中的每个节点并允许节点更新该 HashMap 到目前为止我有这个代码 object ParallelStreams val env StreamExecutionEnvironment getExe
  • 如何用C#从oracle数据库填充数据集

    我正在尝试填充 oracle 数据集 NULL 我将其与带有 C 的 NET Framework 2 0 一起使用 这是一个 system data oracleclient 示例http msdn microsoft com en us
  • 如何为 IE、Firefox 和 Chrome 编写网络浏览器插件

    我需要编写一个支持 IE 7 Firefox 3 Chrome 的网络浏览器插件 该插件必须能够将 DirectX 对象放置在网页中 我没有使用插件的经验 我做了一些调查并决定使用 FireBreath 来实现 我无法理解如何将图像放置在插
  • 如何在 D3js 中动态添加图像到圆圈

    我很难弄清楚如何使用数据集中的链接将图像放置在圆圈内 我知道需要一种模式才能将图像添加到节点 related关于此主题的 SO 问题在介绍节点和数据之前附加了定义 图案和图像元素 就我而言 我找不到在选择器函数内附加标签的方法 因为数据是动
  • 如何覆盖testNG中的index.html报告

    我有一个场景 需要将一些自定义消息添加到 index html testNG 报告中 有什么办法可以做到这一点吗 我刚刚创建了一个自定义注释 我想像 DataProvider 一样将其发布到 index html testNG 报告中 到目
  • 将 ImageView 放在布局中的 ImageView 上 [关闭]

    Closed 这个问题需要多问focused 目前不接受答案 我创建了一个 Android 应用程序 我想将 ImageView 放在 ImageView 上 如何让我成为可能 Thanks 我已经为你创建了代码 请看这是 XML 代码
  • f2py:包装 fortran 模块,该模块利用分布在不同文件中的子例程?

    由于我描述的原因earlier 我需要在Python中使用LAPACKs dgesvd和zgesvd方法 而不是包装在numpy中的方法 有人指出 我可以使用 f2py 来创建我自己的 python 包 问题是 lapack 中的 dges
  • 重写函数类型原型

    我在玩耍并试图覆盖时遇到了一个有趣的行为Function原型 假设我们已经像这样重写了 toString const funcToString Function prototype toString Function prototype t
  • 清理 Oracle 序列

    我广泛使用 SQL Server 但对 Oracle 的经验很少 我接到的任务是 清理 Oracle 数据库中的序列 但我不知道如何安全地完成此任务 我需要确定表中实际的最大值 假设 ID 105 然后查看该 ID 的下一个序列是什么 如果
  • fontello 中的图标字体不适用于 Meteor js

    我已经从 fontello 下载了自定义图标字体 并打算在我的流星应用程序中使用它 我尝试了下载包附带的演示 字体显示正常 这是我的CSS font face font family fontello src url fonts fonte