在CSS中添加字体

在CSS中添加字体,css,font-awesome,font-face,Css,Font Awesome,Font Face,为了向我的网站添加一些字体,我将以下内容添加到我的CSS中: @font-face{ 字体系列:“FontAwsome”; src:url('./webagency_images/font/fontawsome-webfont.eot'); src:url('./webagency_images/font/fontawsome-webfont.woff')格式('woff'); src:url('./webagency_images/font/fontawsome webfont.svg')格

为了向我的网站添加一些字体,我将以下内容添加到我的CSS中:

@font-face{
字体系列:“FontAwsome”;
src:url('./webagency_images/font/fontawsome-webfont.eot');
src:url('./webagency_images/font/fontawsome-webfont.woff')格式('woff');
src:url('./webagency_images/font/fontawsome webfont.svg')格式('svg');
src:url('./webagency_images/font/fontawsome webfont.ttf')格式('truetype');
src:url('./webagency_images/font/FontAwsome.otf')格式('otf');

}
正确的url应该是:

src: url('../webagency_images/fonts/fontawsome-webfont.eot');

如果您决定直接使用CDN,请执行以下操作并将版本号更改为最新版本

<link rel='stylesheet' href='//netdna.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.css' type='text/css' />  

为什么不在标题中引用CDN呢?我认为
src:url('webagency_images/font/fontawsome webfont.eot')就可以了。或者使用CDN。鉴于您正在将font awesome集成到项目/网站中,我将参考文档()的入门部分。您不需要在CSS中声明这些字体来使用它们,一般来说,FontAwesome是在您的网站中导入的。
@import url("https://netdna.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.css");