首页 > 这种网页字体是用的什么字体。如何实现的?

这种网页字体是用的什么字体。如何实现的?

不像正规字体啊
就是http://z.qzone.com/
这个网站上的字体


先来简单说下原理:(本人现阶段的理解)
我们所写的html和css代码都是通过浏览器进行解析的,如果网页上方有一张图片,就需要把图片打包在images文件夹,和网页文件打包在一起,这样在任何设备上都可以浏览到这张图片。

字体同样也是一个文件,如果我们不把特殊字体打包到网页文件中去,那么使用特殊字体的网页在不同浏览器上显示的字体就会不一样。一般来说,如果没有特殊字体的设备会选择本机默认的字体样式显示文本。

所以说,如果你想在网站上使用特殊字体,那么你需要下载这个字体的文件,将其余网页文件打包在一起,在写CSS的时候进行引用。

实现方法是使用CSS中的 @font-face
在网上找了两篇关于@font-face博客,题主感兴趣的话可以学习一下。
http://www.w3cplus.com/content/css3-font...
http://blog.163.com/hongshaoguoguo@126/b...


图片
http://qzonestyle.gtimg.cn/qzone_v6/proj...


看到是微软雅黑呀。。。


看的就是普通的微软雅黑 没有特殊


估计是你的电脑没有安装微软雅黑,然后用了一种默认的字体。具体是啥就不知道了,要看浏览器设置和系统设置。


1,并非是雪碧图。
2,在我这里是正常的,没有出现像截图那种情况。

详细地:
通过审查元素可以看到,这里的文字的font-family属性,继承自body。而body的font-family为:
font-family: 'heiti sc',\5FAE\8F6F\96C5\9ED1
也就是说默认的情况下使用 heiti sc(黑体简)这种字体,如果没有会使用\5FAE\8F6F\96C5\9ED1这种字体,但是我没有解码出来,如果有知道的,还请告知。

所以推测,是否题主对当前电脑字体做了某些改动?

另外,既然有人提到了font-face,的确font-face可以从远程加载字体文件,并使用,但是这里显然不是使用font-face这个属性 :)


同意楼上,没发现什么特别的==


确定不是你本地的默认字体?
为什么我看到的是普通的微软雅黑呢?


应该用的是雪碧图

【热门文章】
【热门文章】