我正在为我的婚礼建立一个网站,我将其托管在 x10hosting 中,域名为 .tk。 问题是.. 当我通过 x10host.com 访问它时,我能够看到用于移动设备的 fontawesome 图标(菜单/转到顶部)。 当我使用 .tk 扩展名访问它时,图标是一个空白方 block 。
我在这里搜索了同样的问题,并尝试了很多解决方案,但没有一个对我有用。
我尝试过的:
.htacess 中的这段代码
<IfModule mod_headers.c>
<FilesMatch "\.(eot|font.css|otf|ttc|ttf|woff)$">
Header set Access-Control-Allow-Origin "*"
</FilesMatch>
</IfModule>
这在 .style.css 中
@import url("http://karinaandclinton.x10host.com/wp-content/themes/optimizer/assets/fonts/font-awesome.css");
标题中的这个
<link rel="stylesheet" href="http://karinaandclinton.x10host.com/wp-content/themes/optimizer/assets/fonts/font-awesome.css" type="text/css">
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
将 fontawesome.css 中的所有 url 更改为完整地址:
@font-face {
font-family: 'FontAwesome';
src: url('http://karinaandclinton.x10host.com/wp-content/themes/optimizer/assets/fonts/fontawesome/fontawesome-webfont.eot');
src: /*url('http://karinaandclinton.x10host.com/wp-content/themes/optimizer/assets/fonts/fontawesome/fontawesome-webfont.svg#fontawesomeregular') format('svg'),*/
url('http://karinaandclinton.x10host.com/wp-content/themes/optimizer/assets/fonts/fontawesome/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
url('http://karinaandclinton.x10host.com/wp-content/themes/optimizer/assets/fonts/fontawesome/fontawesome-webfont.woff') format('woff'),
url('http://karinaandclinton.x10host.com/wp-content/themes/optimizer/assets/fonts/fontawesome/fontawesome-webfont.woff2') format('woff2'),
url('http://karinaandclinton.x10host.com/wp-content/themes/optimizer/assets/fonts/fontawesome/fontawesome-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
有人有额外的建议吗? 网址是http://www.karinaandclinton.tk/和托管http://karinaandclinton.x10host.com
我使用的主题是优化器。
谢谢!
最佳答案
- 在 url 中你应该添加 http://www.karinaandclinton.tk不是 http://karinaandclinton.x10host.com如果你访问它应该工作 第一个网址。
或
- (eot|font.css|otf|ttc|ttf|woff) 应该是(eot|css|otf|ttc|ttf|woff)
关于css - Font Awesome 不工作(空白方 block ),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38936502/