标签归档:web

fonts/fontawesome-webfont.woff2 404 (Not Found)

第一次使用FontAwesome加载字体,但是使用的时候却提示fonts/fontawesome-webfont.woff2 404 (Not Found),很明显这是由于文件不存在导致的问题。然后我们具体来看一下:

可能存在两种情况:
1、项目发布过程中这个文件没有被拷贝到发布目录,我这次碰到的问题就是这个原因导致的,在项目grunt build时会进行文件的copy操作,其中对文件后缀做了限制,所以我只需要加上这个.woff2即可;

2、由于web服务器不支持导致的:
nginx不支持的情况,可以参考下面的配置解决:

[shell]location ~* \.(eot|otf|ttf|woff|woff2|svg)$ {
add_header Access-Control-Allow-Origin *;
}

AddType application/x-font-woff woff
AddType application/x-font-woff2 woff2[/shell]

Apache默认是不支持.woff和.woff2的,所以要设置一下:

[shell]<FilesMatch "\.(ttf|ttc|otf|eot|woff|woff2|font.css)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "http://yoursite.com"
</IfModule>
</FilesMatch>

AddType application/x-font-woff woff
AddType application/x-font-woff2 woff2[/shell]

IIS默认也是不支持的,可以添加MIME类型来解决:

[shell].woff2 application/x-font-woff[/shell]

QQ、旺旺在线离线状态图标代码生成

今天由于需要在站点添加QQ和旺旺在线离线图标,所以到处找了一下资料记录在此供大家参考。
旺旺的还是比较方便,很容易找到官方在线的旺旺代码生成页面,只是旺旺分淘宝旺旺和诚信通旺旺,这个需要大家注意一下,要是用错了在线离线状态显示会有问题,这个很容易发现,下面是对应的网址:
淘宝版旺旺:http://wangwang.taobao.com/2010_fp/world.php
诚信通版旺旺:http://page.1688.com/html/wangwang/download/windows/wbtx.html

现在回到QQ上来,对于QQ确实花了很长时间,最初QQ官方有专门生成QQ互动代码的网页,但是现在这个网页已经彻底打不开,取而代之的则是QQ商家页面简单的几个样式图标,应该是腾讯在推出企业QQ之后的动作吧。
原有的生成页面:http://is.qq.com/webpresence/code.shtml
现在的生成页面:http://shang.qq.com/widget/consult.php