Concat查询字符串到font-face网址

为了避免浏览器的缓存,我想将版本查询字符串连接到我@font-face的网址.有很多网址.如何以正确的方式？

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

Brett DeWood.. 6

Font Awesome的大多数实现都会将版本化查询字符串附加到@font-face字体路径.当字体更新为新版本时,这些版本化查询字符串将破坏缓存.也就是说,当您更新字体时,版本化查询字符串将从类似的?v=4.7.0更改?v=4.7.1.

在大多数情况下,您不需要做任何额外的事情,因为大多数实现都会为您处理此问题.请记住,许多其他@font-face生成器和包也将附加一个版本参数.这里有一些例子:

下载Font Awesome套件

如果从http://fontawesome.io/下载Font Awesome工具包,则包含的font-awesome.css文件将附加到路径的版本化查询字符串.防爆.

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

的?v=4.7.0是版本的查询字符串.如果您下载新版本的Font Awesome,此版本号将会更改.

字体真棒CDN

如果您使用CDN实现,您将获得


围脖上的博博_771
这个屌丝很懒，什么也没留下！
关注作者
Tags | 热门标签
• ajax
• bootstrap
• chart
• chrome
• css
• css3
• firebug
• firefox
• html
• html5
• javascript
• jquery
• json
• node.js
• npm
• postman
• vue.js
• webkit
RankList | 热门文章
• 1过滤掉不符合条件的组行
• 2什么是类库中的dotnet5.4和net451？
• 3如何将信号阵列合并为单个Signal ReactiveCocoa 4
• 4为什么Map.compute()采用BiFunction
• 5tensorflow batch_matmul如何工作？
• 6asp.net奇怪的错误创建一个DateTime
• 7Django教程1
• 8Eclipse Maven 2安装
• 9如何使用Laravel Excel重命名文件 - > download()
• 10travis-ci中的Yeoman项目未能将dist目录部署到S3
• 11添加占位符以在angular2中选择标记
• 12如何找到2个向量之间的精确匹配？
• 13检查IEnumerable <T>是否由yield关键字创建的正确方法
• 14Django Autocomplete Light限制查询结果
• 15AngularJS $ http.post与body
• 16javascript注释中global关键字的目的是什么
• 17在C中实现负责释放值的链表？
• 18Cassandra - 将PreparedStatement与ListenableFuture一起使用
• 19什么会阻止队列中的作业处理？[PHP/Laravel 5]
• 20测试两个二叉树是否相等