标签: font-awesome

我使用npm下载了FontAwesome,然后使用grunts copy任务将css文件和字体复制到我的电子应用程序的根目录中的右侧文件夹中.

到现在为止还挺好.一切都应该是它应有的地方.

现在,当我在我的应用程序中引用FontAwesome时,图标不会被加载.这些是我在控制台中遇到的错误:

无法解码下载的字体:
file:///path/to/fonts/fontawesome-webfont.woff2？v = 4.4.0
OTS解析错误:无法将WOFF 2.0字体转换为SFNT

无法解码下载的字体:
file:////path/to/fonts/fontawesome-webfont.woff？v = 4.4.0
OTS解析错误:WOFF标题中的文件大小不正确

无法解码下载的字体:
file:////path/to/fonts/fontawesome-webfont.ttf？v = 4.4.0
OTS解析错误:表目录的entrySelector 不正确

我已经尝试通过删除所有版本参数来修改FontAwesome的css文件,但这似乎不是问题.通过electron .在浏览器中查看html文件时启动应用程序,可以解决问题.

UPDATE

回答一些意见:

• 这个问题在电子和浏览器中发生(在chrome和firefox中测试)
• 我使用的是FontAwesome(4.4.0)和Electron(0.32.1)的最新版本(通过npm全新安装)
• css加载如下: <link rel="stylesheet" type="text/css" href="css/font-awesome.css" >

Font Awesome是完全开源的,那么如何根据需要调整一些图标,或添加新图标？假设我的主要矢量工具是Inkscape(开源GPL).

fontawesome软件包附带文件*.eot,*.otf,*.svg,*.ttf和*.woff.svg文件无法在Inkscape中成功打开.可以使用哪些程序来编辑这些程序？

一旦我编辑字体,我应该遵循什么准则？我应该使用哪些unicode字符槽？编辑LESS源代码以包含新图标时,我应该注意什么？

我不一定对向官方仓库提交新图标感兴趣,我只是想稍微分叉和改变它,而不是特意加载我自己的几个图标.

刚刚在几个网站上注意到,谷歌Chrome中显示的字体很棒.控制台显示以下错误:

来自" http://cdn.keywest.life "的字体已被跨源资源共享策略阻止加载:请求的资源上没有"Access-Control-Allow-Origin"标头.因此,不允许来源" http://www.keywest.life "访问.

我在其他几个网站上发现了完全相同的问题.通过使用以下代码替换自己的CDN引用,可以轻松解决此问题:

//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css

- 但是,这不是解决方案,只是一种解决方法.我很想知道原因和正确的解决方案.

(原因是:网站正在使用它自己的CDN,由MaxCDN提供,并且引用了字体非常棒的字体,如果你从上面提到的Bootstrapcdn资源加载相同的资源,这些字体不会被Chrome加载 - 它作品)

这是一个问题的例子(在菜单和页脚中的社交图标:http://www.keywestnight.com/fantasy-fest)

感谢您的帮助/解释!

什么是减少字体真棒图标大小的最佳方法.有一个fa-3x等,以增加尺寸.有没有减少尺寸的课程？

我刚刚通过凉亭安装了font-awesome:

bower install font-awesome --save

它似乎没有在凉亭构建中添加CSS.我该如何安装？

所以我试图使用这个字体http://fortawesome.github.com/Font-Awesome/.我已将字体添加为资源并将其放在plist文件中.这是我使用它的方式:

[homeFeedButton.titleLabel setFont:[UIFont fontWithName:@"fontawesome" size:8]];
NSString *str = [NSString stringWithFormat:@"%C", @"\f030"];

但这不起作用.有谁知道如何在Xcode项目中使用这种字体？

有没有人在这里添加工具提示字体真棒图标？

我有以下jsfiddle,但似乎无法找到向图标添加工具提示的指南.

`

<header>
  <!-- icons for settings, change pwd and list of active sessions -->
  <div id="menuIcons">
    <i class="fa fa-cog"></i>
    <i class="fa fa-user"></i>
    <i class="fa fa-lock"></i>
  </div>

  <!-- display welcome text -->
  <div id="welcomeText">
    <p>Welcome Harriet</p>
  </div>

</header>

Font Awesome有一个非常好的图标集合,可用于Web项目.我想使用其中一个图标作为光标(自定义光标).

根据我的理解,Custom Cursors需要一个图片网址,但我无法找到Font Awesome图标的图片网址.

我以前使用过 Font Awesome 图标（以前的版本）。当时，我在 HTML 中使用了如下所示的 CDN。但现在我再也找不到了。使用它们的方式有什么变化吗？

<link rel="stylesheet" 
  href="https://use.fontawesome.com/releases/v5.15.4/css/all.css">

我一直在关注Contact Manager教程,并希望将Font Awesome添加到项目中.这是我到目前为止所做的:

• npm install Font-Awesome --save
• 在以下aurelia.json的依赖项数组下添加了以下内容vendor-bundle.js:

...
{
    "name": "font-awesome",
    "path": "../node_modules/font-awesome",
    "resources": [
      "css/font-awesome.min.css"
    ]
},
...

但是在运行时au run --watch我得到错误:

错误C:\ Users \node_modules\font-awesome.js

为什么要查找.js文件？