javascript @ font-face #css

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript @ font-face #css相关的知识,希望对你有一定的参考价值。

.font-face(@path, @font-name){
  @font-face{
    font-family: @font-name;
    src: url('@path/@{font-name}.eot'); /* IE9 Compat Modes */
    src: url('@path/@{font-name}.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('@path/@{font-name}.woff') format('woff'), /* Modern Browsers */
         url('@path/@{font-name}.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('@path/@{font-name}.svg#svgFontName') format('svg'); /* Legacy iOS */
  }
}

以上是关于javascript @ font-face #css的主要内容,如果未能解决你的问题,请参考以下文章

预加载@font-face 字体?

将@font-face 与 Rails 3.1 应用程序一起使用?

@font-face引用指定字体库

Firefox 无法加载@font-face? [复制]

css3中@font-face模块自定义字体

通过 JavaScript 更改字体