【问题标题】:icomoon fonts not showing on being deployedicomoon 字体在部署时未显示
【发布时间】:2013-09-03 20:46:19
【问题描述】:

我的示例网站是 www.pesaa.com

我正在玩 icomoon 字体并使用它们的图标液滴。它应该出现在文本“世界宗教”之前,但我得到的只是所有浏览器中的一个矩形。但是,当我测试时我在本地的 html/css 代码,icon-droplet 字体完美地出现在所有浏览器中。当我调试时,找不到 404 错误文件。我的CSS如下

@font-face {

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

}

任何帮助将不胜感激。

【问题讨论】:

  • 你的路径正确吗?
  • 是的,我的路径是正确的,否则它们将无法在本地工作。
  • 好的。搞定了。从 icomoon 应用程序下载字体时,单击首选项选项卡并在下载文件之前选择 base 64 encode & embed fonts in css 选项。这将使其显示。
  • 我从来没有这样做过。您能否提供指向您网站的链接?
  • 解决您的问题后,您可以关闭该问题或为未来的读者回答您自己的问题。请不要将其保留为“未答复”。干杯!

标签: html css fonts


【解决方案1】:

我的问题通过删除 ?#iefixicomoon 解决了!

奇怪!

【讨论】:

  • 为什么删除这些可以解决您的问题?这些似乎是标准浏览器兼容性“扩展”
  • 他能告诉我如何在本地项目中使用 icomoon 字体。我没有得到语法。我已经下载了 icomoon.zip,其中包含演示文件、字体文件夹和 demo.html、Read me.txt、selection.json 和 style.css。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-09-30
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-07-23
  • 1970-01-01
相关资源
最近更新 更多