css - Font Awesome 图标丢失

标签 css html fonts

我想使用 html5 和 bootstrap.In 设计一个网站,对于我的 html 代码,我需要 Font-Awesome 图标。但是当我放置 font-awesome.min.css 和相应的字体时,Font-Awesome 图标没有加载到我的页面中。

因此,当我检查该页面时,我在控制台上收到以下错误和警告:

downloadable font: download failed (font-family: "Roboto" style:normal weight:normal stretch:normal src index:0): bad URI or cross-site access not allowed source: http://[::1]/futuroit/userasset/css/Fonts/Roboto/regular.ttf  style.css:9:1
downloadable font: download failed (font-family: "Roboto" style:normal weight:300 stretch:normal src index:0): bad URI or cross-site access not allowed source: http://[::1]/futuroit/userasset/css/Fonts/Roboto/roboto-light.ttf  style.css:46:1

downloadable font: download failed (font-family: "FontAwesome" style:normal weight:normal stretch:normal src index:1): bad URI or cross-site access not allowed source: http://[::1]/futuroit/userasset/fonts/fontawesome-webfont.woff?v=4.2.0  font-awesome.min.css:4:14
downloadable font: download failed (font-family: "Open Sans" style:normal weight:bold stretch:normal src index:0): bad URI or cross-site access not allowed source: http://[::1]/futuroit/userasset/css/Fonts/Open%20Sans/OpenSans-Regular.ttf

我该如何解决这个问题?

最佳答案

地址错误(或)配置设置丢失

  1. 通过直接在浏览器上检查地址来验证您的地址,或者简单地输入来源并引用路径。
  2. 请参阅此 Downloadable font on firefox: bad URI or cross-site access not allowed

关于css - Font Awesome 图标丢失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45251123/

相关文章:

css - 将第一张图像隐藏在图像不是直接子级的 div 中

xcode - Xcode代码使用什么字体

ios - 在整个应用程序中将默认字体更改为自定义字体

css - 如何在linux和mac中使用Calibri字体

html - 为什么两列内容会发生冲突,即使它们是 block 元素?

css - 首先将文本与大字母对齐

jquery - 如何在不扭曲其高度的情况下溢出 Bootstrap 导航栏?

javascript - 如何像 Stack Overflow 那样在我的网站上显示一段代码?

html - "destination-out"- 类似使用 CSS 的混合行为?

javascript - 将表单放置在 <ul> 元素旁边