Question

我正在为我的婚礼建立一个网站，我在x10hosting中使用.tk域名托管它。事情是..当我用x10host.com访问它时，我能够看到移动设备的fontawesome图标（菜单/转到顶部）。当我使用.tk扩展名访问它时，图标是一个空白方块。

我在这里搜索了同样的问题，尝试了一堆解决方案，但没有一个能为我工作。

我尝试了什么：

.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中的所有网址更改为完整地址：

@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

我使用的主题是优化工具。

谢谢！

Answer 1

在网址中，您应该添加http://www.karinaandclinton.tk http://karinaandclinton.x10host.com如果您访问它应该会有效第一个网址。

OR

（eot | font.css | otf | ttc | ttf | woff）它应该是（eot | css | otf | ttc | ttf | woff）

字体真棒不工作（空白方块）

1 个答案: