font awesome 的图标有时会变成正方形,而且大部分时间都能正确加载
Icons of font awesome sometimes become squares, and most of the time load correctly
在我的网站上,font awesome 的图标有时会变成正方形,而且大多数情况下,它们都能正确加载,我一直在论坛上寻找这个问题,看来这种情况与他们的:
图标的字体很棒并且 class fa fa-ANYEXAMPLE 存在
字体在一个文件夹中(/css/fonts),因为它应该是
文件 fontawesome.css 的内容被复制到文件 bootstrap.css 中,并在站点的头部调用
我认为我的链接是正确的,因为大多数时候图标加载正确
可能是什么问题?
使用 font-face 打开你的 style.css 和 link 到 FontAwesome:
@font-face {
font-family: 'FontAwesome';
src: url('../fonts/fontawesome-webfont.eot?v=4.6.3');
src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
如果路径有任何不同,请确保进行编辑。
在我的网站上,font awesome 的图标有时会变成正方形,而且大多数情况下,它们都能正确加载,我一直在论坛上寻找这个问题,看来这种情况与他们的: 图标的字体很棒并且 class fa fa-ANYEXAMPLE 存在 字体在一个文件夹中(/css/fonts),因为它应该是 文件 fontawesome.css 的内容被复制到文件 bootstrap.css 中,并在站点的头部调用 我认为我的链接是正确的,因为大多数时候图标加载正确 可能是什么问题?
使用 font-face 打开你的 style.css 和 link 到 FontAwesome:
@font-face {
font-family: 'FontAwesome';
src: url('../fonts/fontawesome-webfont.eot?v=4.6.3');
src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
如果路径有任何不同,请确保进行编辑。