css - 使用 Font Awesome 时更改字体路径

Question

当我将 CSS 文件和字体文件放在同一个文件夹中时，它会起作用。

但是当我将字体文件放在一个文件夹中时，我无法获取图标。

这是我的 CSS 代码..

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

    .att {
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
        .att-renren:before {
            content: "\f18b";
        }

还有我的文件夹结构...

CSS文件

Content/themes/common.css

字体文件

Content/themes/fonts/

我可以在 CSS 中更改字体文件的路径吗？？

Answer 1

是的，你可以改变，

1. 打开您的 fontawasome CSS 文件。

2. 查找字体路径并为所有字体类型进行编辑。

   @font-face{font-family:FontAwesome;src:url(../fonts/fontawesome-webfont.eot?v=4.0.3)