`
shonelau
  • 浏览: 16976 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

ubuntu apache2 解决 Font awesome FF 不显示

 
阅读更多

Ubuntu apache2:

引用不同域名下,或CDN下的fontawesome 时,ff 不能显示其图标。解决如下:

 

1. 在fontawesome的 font 目录下 添加 .htaccess,内容如下:

<FilesMatch ".(ttf|otf|eot|woff)$">
  <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
  </IfModule>
</FilesMatch>

2. sudo a2enmod headers 使能 header 

 

3. sudo /etc/init.d/apache2 restart

 

刷新FF即可!

分享到:
评论
1 楼 shonelau 2013-11-15  
补充: 第二日,开机,ff又看不到了。。

sudo a2enmod headers 只是临时性的开启该模块

把 .htaccess内容 转移到 apache.conf. (.htaccess可删除)

重启服务,即可

相关推荐

    开发工具 fontawesome-webfont.ttf

    开发工具 fontawesome-webfont.ttf开发工具 fontawesome-webfont.ttf开发工具 fontawesome-webfont.ttf开发工具 fontawesome-webfont.ttf开发工具 fontawesome-webfont.ttf开发工具 fontawesome-webfont.ttf开发工具...

    开发工具 fontawesome-webfont.woff

    开发工具 fontawesome-webfont.woff开发工具 fontawesome-webfont.woff开发工具 fontawesome-webfont.woff开发工具 fontawesome-webfont.woff开发工具 fontawesome-webfont.woff开发工具 fontawesome-webfont.woff...

    开发工具 fontawesome-webfont.eot

    开发工具 fontawesome-webfont.eot开发工具 fontawesome-webfont.eot开发工具 fontawesome-webfont.eot开发工具 fontawesome-webfont.eot开发工具 fontawesome-webfont.eot开发工具 fontawesome-webfont.eot开发工具...

    fontawesome 6.1 pro

    1. **矢量图标**:Fontawesome Pro 6.1 提供了数千个矢量图标,这意味着它们可以缩放而不失真,适合各种屏幕尺寸和分辨率。这些图标覆盖了众多类别,如通用、商业、医疗、交通、娱乐等,满足不同项目需求。 2. **...

    开发工具 fontawesome-webfont.svg

    开发工具 fontawesome-webfont.svg开发工具 fontawesome-webfont.svg开发工具 fontawesome-webfont.svg开发工具 fontawesome-webfont.svg开发工具 fontawesome-webfont.svg开发工具 fontawesome-webfont.svg开发工具...

    Font Awesome Pro v5.15.2

    含web版和桌面版,相信大家都了解过Font Awesome的...不得不说Font Awesome Pro真的超级炫酷,比起免费版要好看很多! Font Awesome 字体提供了可缩放矢量图标,它可以被定制大小、颜色、阴影以及任何可以用CSS的样式。

    开发工具 FontAwesome

    开发工具 FontAwesome开发工具 FontAwesome开发工具 FontAwesome开发工具 FontAwesome开发工具 FontAwesome开发工具 FontAwesome开发工具 FontAwesome开发工具 FontAwesome开发工具 FontAwesome开发工具 FontAwesome...

    fontawesome 6 pro

    综上所述,Fontawesome 6 Pro是前端开发中不可或缺的图标资源库,其丰富的图标选择、强大的兼容性和易用性,使得它成为许多开发者首选的图标解决方案。合理利用这个工具,不仅可以提升项目视觉效果,还能节约设计和...

    fontawesome-pro-5.14.0、FontAwesome v4.7、fontawesome-free-6.5.1

    内含fontawesome-pro-5.14.0、FontAwesome v4.7、fontawesome-free-6.5.1三个版本

    fontawesome5.15.4 .rar

    Fontawesome 是一个广泛使用的图标库,它为网页设计师和开发者提供了大量的矢量图标,使得在网页设计中添加图标变得极其方便。版本5.15.4是Fontawesome的一个更新版本,它包含了大量的新功能、改进和修复,以满足...

    FontAwesome.rplib

    2. "fontawesome":指Font Awesome图标库,它包含众多可缩放的矢量图标。 3. "rplib":Axure RP的元件库文件格式,用于存储自定义组件、图标和其他设计元素。 4. "axurerp":强调这是与Axure RP相关的资源。 5. ...

    C# Winform使用Font Awesome图标

    2. Font Awesome 6 Brands-Regular-400.otf:这个文件包含的是Brand图标,用于表示各种品牌和社交媒体标志。这些图标通常是按照原品牌标识的样式设计的,如Facebook、Twitter等。 3. Font Awesome 6 Free-Regular-...

    C# FontAwesome工具类

    `FontAwesome`是一个流行且广泛使用的图标库,它提供了一套丰富的矢量图标,可以在Web、桌面应用和其他平台上无缝集成。本文将深入探讨如何在C#项目中利用`FontAwesome`库创建一个工具类,以便于在代码中便捷地使用...

    fontawesome-free-5.15.3-web.zip

    2. **Web字体**:通过引用Font Awesome的CSS文件,可以在文本中使用图标字体。这些图标实际上是通过CSS伪元素和字体文件实现的,允许调整大小和颜色,且不会影响页面的加载速度。 3. **SVG图标**:除了Web字体,...

    fontawesome-pro-6.0.0-beta2

    Fontawesome Pro 6.0.0 Beta2 是一个备受瞩目的字体图标库的最新测试版本。这个库由著名的设计团队 Font Awesome 打造,旨在为开发者和设计师提供一系列高质量、可自定义的矢量图标,适用于网页和桌面应用。在这个...

    Font Awesome Pro 5.8.2.zip

    Font Awesome是一款广泛使用的图标库,尤其在Web开发领域中备受欢迎。这个压缩包"Font Awesome Pro 5.8.2.zip"包含的是Font Awesome的专业版本,提供了更丰富的图标选择和更多的设计选项。以下是关于Font Awesome ...

    font awesome 3.2.1 图标资源及离线文档

    2. **font-awesome-3.2.1.zip**:这个文件包含了Font Awesome 3.2.1的源文件,包括字体文件和必要的CSS或LESS样式文件。开发者可以通过将这些文件添加到自己的项目中,轻松地引入图标库。通常,只需引用CSS文件,就...

    FontAwesome.Pro.5.15.4.Web.rar

    2. **LICENSE.txt**: 这是授权文件,详细说明了Font Awesome Pro的使用权限、限制和条件。 3. **svgs**: SVG (Scalable Vector Graphics) 文件夹,包含了图标库的原始SVG格式图标,可以用于自定义或编辑图标。 4. **...

    FontAwesome 6.1.2 最新专业版

    FontAwesome 6.1.2 最新专业版是前端开发者常用的一款图标库,它以其丰富的图标集、简单易用的API和跨平台兼容性而受到广泛赞誉。在这个版本中,我们看到的是一个经过精心设计和更新的图标集合,适用于网页和桌面...

Global site tag (gtag.js) - Google Analytics