Question

我刚刚获得了一个名为Cubano Regular的甜蜜字体，这是我第一次使用@ font-face。我不确定我是否做得对，但我的代码是：

@font-face {
  font-family: 'CubanoRegular';
  src: url('...fonts/cubano-regular-webfont.eot');
  src: url('...fonts/cubano-regular-webfont.eot')format('embedded-opentype'),
       url('...fonts/cubano-regular-webfont.woff') format('woff'),
       url('...fonts/cubano-regular-webfont.ttf') format('truetype'),
       url('...fonts/cubano-regular-webfont.svg#')format('svg');

我是一个新手，如果有人可以提供帮助，那就太棒了！

Answer 1

您的路径不正确。

src: url('.../fonts/cubano-regular-webfont.eot');

Answer 2

然后问题是你没有正确指定相对路径，

尝试

@font-face {
  font-family: 'CubanoRegular';
  src: url('../fonts/cubano-regular-webfont.eot');
  src: url('../fonts/cubano-regular-webfont.eot')format('embedded-opentype'),
       url('../fonts/cubano-regular-webfont.woff') format('woff'),
       url('../fonts/cubano-regular-webfont.ttf') format('truetype'),
       url('../fonts/cubano-regular-webfont.svg#')format('svg');

希望能解决你的问题。

请记住：

所以在以下树结构中

index.html
  -some-folder
    -other.html

来自other.html的index.html的相对路径是＆＃34; ../ index.html＆＃34;

希望这是有道理的，

祝你好运

Answer 3

检查文件的路径并指定文件权限，谁可以读取，写入，修改和访问它们，更改为777。

为什么我的字体加载不是？

3 个答案: