在CSS中使用自定义@ font-face在任何浏览器中均不起作用

TacoMakerMan

因此,我有一个HTML页面,该页面链接到一个CSS文件,该文件应该将名为header的div类的字体更改为一种名为KeepCalm的自定义字体。这是定义字体的代码:

@font-face {
  font-family: 'KeepCalm';
  src: url('Files\Fonts\KeepCalm.eot?') format('eot'), url('Files\Fonts\KeepCalm.woff') format('woff'), url('Files\Fonts\KeepCalm.ttf') format('truetype');
}

这是更改标头div类的字体的代码:

.header {
    font-family: KeepCalm;
}

但是,字体在我尝试使用的任何浏览器(chrome,firefox或IE)中均未显示。我已经找到了解决方法,但还没有找到解决方案。

这是我正在使用的字体的链接:这是。

TacoMakerMan

原来,我使用的是“ Files \ Fonts \”作为字体的路径,尽管由于它是我正在使用的css文件,所以它已经在“ Files”文件夹中,因此我只需要将其更改为“ Fonts \ KeepCalm.tff”。愚蠢的错误,但很容易错过。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在CSS中使用自定义@ font-face在任何浏览器中均不起作用

来自分类Dev

除谷歌浏览器外,“-webkit-”(CSS属性)在任何浏览器中均不起作用

来自分类Dev

CSS中使用font-face的自定义字体

来自分类Dev

基于Flexbox的CSS在任何iOS浏览器上均不起作用

来自分类Dev

@ font-face中的自定义CSS属性

来自分类Dev

@ font-face声明在Android 4.3 Internet浏览器中不起作用?

来自分类Dev

CSS 过渡在任何浏览器中都不起作用

来自分类Dev

使用 @font-face 不工作添加自定义字体 css

来自分类Dev

无法使用@ font-face显示自定义字体

来自分类Dev

用@ font-face添加自定义字体根本不起作用

来自分类Dev

CSS:伪元素在任何IE版本中的按钮内均不起作用

来自分类Dev

Onclick事件在任何浏览器中均不起作用

来自分类Dev

按钮的简单javascript代码在任何浏览器中均不起作用

来自分类Dev

简单的jQuery slideToggle在任何浏览器中均不起作用

来自分类Dev

@ font-face未在任何浏览器中加载

来自分类Dev

CSS自定义光标不起作用,浏览器是否不再支持它?

来自分类Dev

CSS在移动浏览器中不起作用

来自分类Dev

CSS转换在Mozilla浏览器中不起作用

来自分类Dev

jQuery CSS代码在浏览器中不起作用

来自分类Dev

域之间是否自定义@ font-face缓存?

来自分类Dev

@ font-face未加载自定义字体

来自分类Dev

按钮内的链接在任何浏览器上均不起作用

来自分类Dev

href =“ mailto:”在任何浏览器上均不起作用

来自分类Dev

自定义光标属性不起作用IE浏览器

来自分类Dev

CSS3 font-face 旧浏览器兼容性 + 本地字体

来自分类Dev

如何在CSS3中使用伪类创建自定义形状

来自分类Dev

如何在Yii2中使用自定义的CSS文件进行模块布局

来自分类Dev

CSS @font-face 不起作用,显示默认字体

来自分类Dev

使用CSS @ font-face时,浏览器按什么顺序使用不同类型?

Related 相关文章

  1. 1

    在CSS中使用自定义@ font-face在任何浏览器中均不起作用

  2. 2

    除谷歌浏览器外,“-webkit-”(CSS属性)在任何浏览器中均不起作用

  3. 3

    CSS中使用font-face的自定义字体

  4. 4

    基于Flexbox的CSS在任何iOS浏览器上均不起作用

  5. 5

    @ font-face中的自定义CSS属性

  6. 6

    @ font-face声明在Android 4.3 Internet浏览器中不起作用?

  7. 7

    CSS 过渡在任何浏览器中都不起作用

  8. 8

    使用 @font-face 不工作添加自定义字体 css

  9. 9

    无法使用@ font-face显示自定义字体

  10. 10

    用@ font-face添加自定义字体根本不起作用

  11. 11

    CSS:伪元素在任何IE版本中的按钮内均不起作用

  12. 12

    Onclick事件在任何浏览器中均不起作用

  13. 13

    按钮的简单javascript代码在任何浏览器中均不起作用

  14. 14

    简单的jQuery slideToggle在任何浏览器中均不起作用

  15. 15

    @ font-face未在任何浏览器中加载

  16. 16

    CSS自定义光标不起作用,浏览器是否不再支持它?

  17. 17

    CSS在移动浏览器中不起作用

  18. 18

    CSS转换在Mozilla浏览器中不起作用

  19. 19

    jQuery CSS代码在浏览器中不起作用

  20. 20

    域之间是否自定义@ font-face缓存?

  21. 21

    @ font-face未加载自定义字体

  22. 22

    按钮内的链接在任何浏览器上均不起作用

  23. 23

    href =“ mailto:”在任何浏览器上均不起作用

  24. 24

    自定义光标属性不起作用IE浏览器

  25. 25

    CSS3 font-face 旧浏览器兼容性 + 本地字体

  26. 26

    如何在CSS3中使用伪类创建自定义形状

  27. 27

    如何在Yii2中使用自定义的CSS文件进行模块布局

  28. 28

    CSS @font-face 不起作用,显示默认字体

  29. 29

    使用CSS @ font-face时,浏览器按什么顺序使用不同类型?

热门标签

归档